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方式發送json
var httpRequest = new XMLHttpRequest();//第一步:創建需要的對象 httpRequest.open('POST', 'https://你的地址', true); //第二步:打開連接/***發送json格式文件必須設置請求頭 ;如下 - */ httpRequest.setRequestHeader("Content-type", "application/json");//設置請求頭 注:post方式必須設置請求頭(在建立連接后設置請求頭)var obj = { name: 'zhansgan', age: 18 }; const obj = { } httpRequest.send(JSON.stringify(obj));//發送請求 將json寫入send中 /** * 獲取數據后的處理程序 */ httpRequest.onreadystatechange = function () {//請求后的回調接口,可將請求成功后要執行的程序寫在其中 if (httpRequest.readyState == 4 && httpRequest.status == 200) {//驗證請求是否發送成功 var json = httpRequest.responseText;//獲取到服務端返回的數據 console.log(json); } };