js发送get、post请求的方法简介

POST请求：

    发送的参数格式不同，请求头设置不同，具体参照: Http请求中请求头Content-Type讲解

    发送的参数格式不同，后台获取方式也不相同 php请看 php获取POST数据的三种方法

一、使用XMLHttpRequest

   主要分三步:

        第一步:创建需要的对象，这里主要用到的是XMLHttpRequest,注意需要考虑早期的IE;

        第二步：连接和发送;

        第三步: 接收;

GET请求:

var httpRequest = new XMLHttpRequest(); //第一步:建立所需的对象
httpRequest.open('GET', 'url', true); //第二步: 打开链接  将请求参数写在url中   ps:"./Ptest.php?name=test&nameone=testone"
httpRequest.send(); //第三步: 发送请求 将请求参数写在URL中
/**
 * 获取数据后的处理程序
 */
httpRequest.onreadystatechange = function() {
    if (httpRequest.readyState == 4 && httpRequest.status == 200) {
        var json = httpRequest.responseText; //获取到json字符串，还需解析
        console.log(json);
    }
};

POST请求:

var httpRequest = new XMLHttpRequest(); //第一步: 创建需要的对象
httpRequest.open('POST', 'url', true);  //第二步: 打开链接
httpRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
httpRequest.send('name=teswe&ee=ef'); //发送请求 将请求头体写在send中
/*
 * 获取数据后的处理程序
 */
httpRequest.onreadystatechange = function() { //请求后的回调接口，可将请求成功后要执行的程序写在其中
    if (httpRequest.readyState == 4 && httpRequest.status == 200) { //验证请求是否发送成功
        var json = httpRequest.responseText; //获取到服务端返回的数据
        console.log(json);
    }
};

post方式发送json

var httpRequest = new XMLHttpRequest(); // 第一步: 创建需要的对象
httpRequest.open('POST', 'url', true); //第二步: 打开链接/**发送json格式文件设置请求头; 如下 -*/
httpRequest.setRequestHeader("Content-type", "application/json"); //设置请求头 注: post方式必须设置请求头(在建立连接后设置请求头) var obj = { name: 'zhansgan', age: 18 };
httpRequest.send(JSON.stringify(obj)); //发送请求 将json写入send中
/**
 * 获取数据后的处理程序
 */
httpRequest.onreadystatechange = function() { //请求后的回调接口，可将请求成功后要执行的程序写在其中
    if (httpRequest.readyState == 4 && httpRequest.status == 200) { //验证请求是否发送成功
        var json = httpRequest.responseText; //获取到服务端返回的数据
        console.log(json);
    }
};