js ajax post 页面传值

自己写的一个简单的js post  ajax 页面传值

ajax一般处理程序相应代码

 public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        string name = context.Request.Form["name"].ToString(); //获取Default.aspx post发送过来的数据
        string pwd=context.Request.Form["pwd"].ToString();
        //if (name == "admin" && pwd == "admin") {
            context.Response.Write("将进入支付页面");
            context.Response.Cookies["username"].Value = name;//把获取到的数据保存到cookie里面,为的是方便另一个页面获取这个值
            context.Response.Cookies["pwd"].Value = pwd;
            
         
       // }
    }

Default.aspx  页面相应代码

//这个不用管,定死这么写,主要是为了清缓存

 function createXMLHttp() { var XmlHttp; if (window.ActiveXObject) { var arr = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHttp"]; for (var i = 0; i < arr.length; i++) { try { XmlHttp = new ActiveXObject(arr[i]); return XmlHttp; } catch (error) { } } } else { try { XmlHttp = new XMLHttpRequest(); return XmlHttp; } catch (otherError) { } } }

//获取你所要传的值,并进行相应的操作

function createQueryString() {
            var name = document.getElementById("test1").value;//获取id为test1的值
            var pwd = document.getElementById("test2").value;
            var queryString = "name=" + name + "&pwd=" + pwd;//把相应的键值存到querystring里面
            return encodeURI(encodeURI(queryString)); //防止乱码
        }

//发送事件

 function dianji() {

            var xmlHttp = createXMLHttp();

            var queryString = createQueryString(); //获取createQueryString()方法的返回值

            var Fileurl = 'Handler.ashx?'+new Date().getTime(); //一般处理器的地址,加上事件,主要是为了看上一次连接的时间,清理缓存

            xmlHttp.open('POST', Fileurl);

            xmlHttp.onreadystatechange = function() {

                if (xmlHttp.readystate == 4 && xmlHttp.status == 200) {

                    var result = xmlHttp.responseText;//获取一般处理器的返回值

                    alert(result);

                    location.href = "Default2.aspx";//跳转的页面

                }

            }

            xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

            xmlHttp.send(queryString);//发送数据

        }

//html代码

<body>
    <form id="form1" runat="server">
    <div>
    <input type="text" id="test1" />
    <input type="text"  id="test2"/>
    <input type="button" onclick="dianji()" value="提交"/>
    </div>
    </form>
</body>

 Default2.aspx  页面相应的代码

//获取刚才保存的cookie

function getCookie(name) {

            var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

            if (arr = document.cookie.match(reg))

                return unescape(arr[2]);

            else

                return null;

        }

//弹出cookie为username的值

function cook() {
            alert(getCookie("username"))
       
       
        }

网上的一个实例

<script   language="javascript">  
  var   XMLHttpReq   =   false;  
  //   创建   XMLHttpRequest   对象(主函数不需改变)  
  function   createXMLHttpRequest(){  
  if(window.XMLHttpRequest){     //   Mozilla   浏览器  
  XMLHttpReq   =   new   XMLHttpRequest();  
  }else   if   (window.ActiveXObject){   //   IE   浏览器  
  try{  
  XMLHttpReq   =   new   ActiveXObject("Msxml2.XMLHTTP");  
  }catch(e){  
  try{  
  XMLHttpReq   =   new   ActiveXObject("Microsoft.XMLHTTP");  
  }catch(e){}  
  }  
  }  
  }  
  //发送请求函数(提交xml格式的请求参数)  
  function   sendRequest(url,xml){  
  createXMLHttpRequest();  
  XMLHttpReq.open("POST",url,true);  
  XMLHttpReq.onreadystatechange   =   processResponse;//指定响应函数  
  XMLHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
  XMLHttpReq.send(xml);//发送请求  
  }  
  //创建XML  
  function   createXML(){  
  var   xml   =   "<user>";  
  xml   =   xml   +   "<name>sunjianbin</name>";  
  xml   =   xml   +   "<password>7980421</password>";  
  xml   =   xml   +   "</user>";  
  return   xml;  
  }  
  //处理返回信息函数(处理xml格式的返回信息)  
  function   processResponse(){  
  if(XMLHttpReq.readyState   ==   4){   //   判断对象状态  
  if(XMLHttpReq.status   ==   200){   //   信息已经成功返回,开始处理信息  
  readXml();  
  }else   {   //页面不正常  
  window.alert("您所请求的页面有异常。");  
  }  
  }  
  }  
  function   readXml(){  
  var   objects=XMLHttpReq.responseXML.getElementsByTagName("user");  
  for(var   i=0;i<objects.length;i++){  
  var   object   =   objects[i];  
  var   name=object.getElementsByTagName("name")[0].firstChild.data;  
  var   password=object.getElementsByTagName("password")[0].firstChild.data;  
  alert("name>>>"+name+",password>>>"+password);  
  }  
  }  
  function   sendto(){  
  var   url="/test/servlet/test";  
  var   xml=createXML();  
  sendRequest(url,xml)  
  }  
  </script>

原文地址:https://www.cnblogs.com/zcwry/p/js_.html