Ajax的Get和Post的请求用法

最新推荐文章于 2019-06-23 16:31:36 发布

linbooooo1987

最新推荐文章于 2019-06-23 16:31:36 发布

阅读量991

点赞数

分类专栏： javascript 文章标签： ajax xmlhttprequest function null header ie

本文链接：https://blog.csdn.net/linbooooo1987/article/details/7235222

版权

javascript 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

1、创建一个xmlHttpRequest对象

function createXmlHttpReq() {
        var xmlHttpReq = null;
        if (window.ActiveXObject) {   //IE5 IE6是以ActiveXObject的方式引入XMLHttpRequest的
            xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
        } else if (window.XMLHttpRequest) {   //除IE5 IE6 以外的浏览器XMLHttpRequest是window的子对象
            xmlHttpReq = new XMLHttpRequest();   //实例化一个XMLHttpRequest
        }
        return xmlHttpReq;
}

2、 Get方式

function ajaxGET(){
        var XHR = createXmlHttpReq();
        if(XHR != null){
            XHR.open("GET","back.jsp?name=111",true);
            XHR.send();
            XHR.onreadystatechange = function(){ 一旦readyState值改变，将会调用这个函数
                if(XHR.readyState == 4){
                        if(XHR.status == 200){
                            //将xmlHttpReq.responseText的值赋给ID为 resText 的元素
                            alert(XHR.responseText);
                        }
                }
            }
        }       
}

3、 POST方式

function ajaxPOST(){
        var XHR = createXmlHttpReq();
        if(XHR != null){
            XHR.open("POST","back.jsp",true);
            XHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            XHR.send("name=111");
            XHR.onreadystatechange = function(){ 一旦readyState值改变，将会调用这个函数
                if(XHR.readyState == 4){
                        if(XHR.status == 200){
                            //将xmlHttpReq.responseText的值赋给ID为 resText 的元素
                            alert(XHR.responseText);
                        }
                }
            }
        }
}

使用Post方式需注意：
(1).设置header的Context-Type为application/x-www-form-urlencode确保服务器知道实体中有参数变量.通常使用XmlHttpRequest对象的SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")。例： XHR .setRequestHeader("Content-Type","application/x-www-form-urlencoded")
(2).参数是名/值一一对应的键值对,每对值用&号隔开.如 var name=abc&sex=man&age=18 注意var name=update.php?abc&sex=man&age=18以及var name=?abc&sex=man&age=18的写法都是错误的;
(3).参数在Send(参数)方法中发送,例： xhr.send(name); 如果是get 方式，直接 xmlHttp.send(null);