一、設置頭信息
jQuery
function GetDateForServiceCustomer(userId) { $.ajax({ url: 'http://*******/api/orders', data: { currUserId: userId, type: 1 }, beforeSend: function(request) { request.setRequestHeader("Authorization", token); },
/*headers: { "Access-Control-Allow-Origin":"http://example.edu", "Access-Control-Allow-Headers":"X-Requested-With" }*/
dataType: 'JSON', async: false,//請求是否異步,默認為異步 type: 'GET', success: function (list) { }, error: function () { } }); }
原生ajax
var xmlhttp = new XMLHttpRequest(); var obj = { name: 'zhansgan', age: 18 }; xmlhttp.open("POST", "http://192.168.1.200:8080/php/test.php", true); xmlhttp.setRequestHeader("token","header-token-value"); // 可以定義請求頭帶給后端 xmlhttp.setRequestHeader("dingyi","header-dingyi-value"); xmlhttp.send(JSON.stringify(obj)); // 要發送的參數,要轉化為json字符串發送給后端,后端就會接受到json對象 // readyState == 4 為請求完成,status == 200為請求陳宮返回的狀態 xmlhttp.onreadystatechange = function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ console.log(xmlhttp.responseText); } }
二、讀取頭信息
jQuery
$.get(url, function(data, statusTest, xhr){ console.log(xhr); console.log(xhr.getAllResponseHeaders());//獲取所有的響應頭消息 //console.log(xhr.getResponseHeader('server'));//獲取服務器信息 });
原生ajax
function createXmlHttp() { var xmlhttp = null; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); }else{// code for IE6, IE5 xmlhttp = new ActiveXO相應bject("Microsoft.XMLHTTP"); } return xmlhttp; } var xmlhttp = createXmlHttp(); xmlhttp.open("GET", url, true); xmlhttp.send(); xmlhttp.onreadystatechange=function(){//設置狀態發生變化時候監聽函數 if(xmlhttp.readyState ==4 && 200 == xmlhttp.status){ console.log(xmlhttp.getAllResponseHeaders());//獲取所有的響應頭消息 //console.log(xmlhttp.getResponseHeader('server')); //獲取服務器信息 } }