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);
    }
};