封裝一個簡單的chrome中console下ajax訪問后臺 方便尋找跨域問題

function httpRequest(opt) {

opt = opt || {};

opt.method = opt.method.toUpperCase() || 'POST';

opt.url = opt.url || '';

opt.async = opt.async || true;

opt.data = opt.data || null;

opt.success = opt.success || function () {};

var xmlHttp = null;

if (XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

}

else {

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

}

// var postData = params.join('&');

if (opt.method.toUpperCase() === 'POST') {

xmlHttp.open(opt.method, opt.url, opt.async);

xmlHttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');

for (var key in opt.headers){

xmlHttp.setRequestHeader(key, opt.headers[key]);

}

xmlHttp.send(JSON.stringify(opt.data));

}

else if (opt.method.toUpperCase() === 'GET') {

xmlHttp.open(opt.method, opt.url + '?' + JSON.stringify(opt.data), opt.async);

xmlHttp.send(null);

}

xmlHttp.onreadystatechange = function () {

console.log('xmlHttp.readyState',xmlHttp.readyState,'xmlHttp.status',xmlHttp.status)

if(xmlHttp.readyState == 4) {

if(xmlHttp.status == 200) {

opt.success(xmlHttp.responseText);

}else{

opt.error(xmlHttp.status)

}

}

};

}

簡單調(diào)用一下

httpRequest({

url: 'http://172.16.30.184/channel/mychannel/saveChannel',

method: 'post',

dataType: 'json',

contentType:'application/json;charset=UTF-8',

data: {},

cache: false,

headers: { appToken: sessionStorage.getItem("jeeJio_appToken") },

success: function (res) {

if (res) {

fn(res)

} else {

fn('')

}

},

error: function (e) {

err(e)

}

})

有跨域問題的情況下

無跨域問題的情況下

總結(jié)

以上是生活随笔為你收集整理的console修改 ajax,【快速】chrome中console下ajax访问后台的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。