function json2str(data) {
// 0.添加隨機(jī)因子
data.t = Math.random();
// 1.定義一個數(shù)組
var arr = [];
// 2.遍歷傳入的json對象
for(var key in data){
// 3.將json轉(zhuǎn)化為數(shù)組
arr.push(key+"="+encodeURI(data[key]));
}
// 4.將數(shù)組轉(zhuǎn)化為固定格式的字符串
// console.log(arr.join("&"));
return arr.join("&");
}
/*
type, url, data, timeout, success, error
var option = {
"type":"get",
"data": {
"name":"nj",
"age":"888"
},
"url":"01-Ajax-get.php",
"error": function(){},
"success":function(){}
}
option.data
*/
function ajax(options) {
// 0.安全處理
if(!options.url){
return;
}
options.type = options.type || "get";
options.data = options.data || null;
options.timeout = options.timeout || 0;
// 1.創(chuàng)建異步對象
if(window.XMLHttpRequest){
var xhr = new XMLHttpRequest();
}else{
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// 對參數(shù)進(jìn)行處理
var str = json2str(options.data);
// 判斷請求的類型
if(options.type == "get"){
// 2.設(shè)置URL
xhr.open(options.type, options.url+"?"+str, true);
// 3.發(fā)送請求
xhr.send();
}else{
// 2.設(shè)置URL
xhr.open(options.type, options.url, true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
// 3.發(fā)送請求
xhr.send(str);
}
// 4.監(jiān)聽請求
xhr.onreadystatechange = function () {
// 5.對請求返回的數(shù)據(jù)進(jìn)行處理
if(xhr.readyState == 4){
// 如果已經(jīng)請求成功, 那么需要清空定時器
clearTimeout(timer);
if(xhr.status >= 200 && xhr.status < 300 || xhr.status == 304){
// console.log("接收數(shù)據(jù)成功");
options.success(xhr.responseText);
}else{
// console.log("接收數(shù)據(jù)失敗");
options.error(xhr.status);
}
}
}
// 6.對超時進(jìn)行處理
if(options.timeout){
var timer = setTimeout(function () {
alert("請求超時");
// 如果請求超時了, 那么應(yīng)該中斷請求
xhr.abort();
}, options.timeout);
}
}
Ajax function
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門肴捉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叔收,“玉大人齿穗,你說我怎么就攤上這事饺律。” “怎么了复濒?”我有些...
- 文/不壞的土叔 我叫張陵巧颈,是天一觀的道長畦木。 經(jīng)常有香客問我砸泛,道長,這世上最難降的妖魔是什么唇礁? 我笑而不...
- 正文 為了忘掉前任盏筐,我火速辦了婚禮围俘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘簿寂。我一直安慰自己,他們只是感情好,可當(dāng)我...
- 文/花漫 我一把揭開白布她混。 她就那樣靜靜地躺著,像睡著了一般坤按。 火紅的嫁衣襯著肌膚如雪馒过。 梳的紋絲不亂的頭發(fā)上臭脓,一...
- 文/蒼蘭香墨 我猛地睜開眼继低,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了郁季?” 一聲冷哼從身側(cè)響起钱磅,我...
- 正文 年R本政府宣布,位于F島的核電站得院,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏尿招。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一怪蔑、第九天 我趴在偏房一處隱蔽的房頂上張望丧荐。 院中可真熱鬧缆瓣,春花似錦虹统、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽族吻。三九已至,卻和暖如春超歌,著一層夾襖步出監(jiān)牢的瞬間砍艾,已是汗流浹背巍举。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 項目遺留問題:當(dāng)一個Js文件中先出現(xiàn)ajax()寂祥,然后$(function(){});,那么ajax()是異步的么...
- javascript中function(){}(),new function(),new Function(),F...
- 如題,報錯信息如圖 這里其實是想用宏定義調(diào)用一個類方法汽烦,宏定義的內(nèi)容是這樣的:#define iwown_loca...