原生态的ajax

       var xhr;

                //第一步:创建异步请求的核心的对象:
                if (XMLHttpRequest) {
                    xhr = new XMLHttpRequest(); //运行:is8,ie9,chrom,ff
                } else {//ie6  ie5.x
                    xhr = new ActiveXObject("Microsoft.HTTP");
                }

                //第二步:设置请求对象跟后台哪个页面进行交互
                //HTTP请求的方法名    请求的页面    是否是异步
                //Get请求通过QueryString传递参数
                // xhr.open("Get", "ProcessAjax.ashx?p=33", true);

                xhr.open("Post", "ProcessAjax.ashx", true);
               
                //Post请求要设置一下此请求头部
                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

                //第三步:发送请求
                //Post通过此来传递参数
                xhr.send("ip=3&renp=100");

                //第四步:后台返回数据后,会调用此方法,回调函数
                xhr.onreadystatechange = function () {
                    //2,3,4
                    //4标识:前台已经接受完了后台发送来的响应报文
                    if (xhr.readyState == 4) {
                        alert(xhr.responseText);
                    }
                }

posted @ 2012-08-20 23:16  plugin-loader  阅读(112)  评论(0编辑  收藏  举报