url:介面位址
type:請求方式get/post
datatype: xml/text/json/jsonp
data:傳送到伺服器的資料(非跨域請求)
jsonp:使用jsonp形式呼叫函式,如index.php?cb=*** 後端獲取get請求的***值
jsonpcallback:為jsonp指定乙個**函式名,這個值將用來取代jquery自動生成的隨機函式名
async:預設值true,所有請求均為非同步請求。如需傳送同步請求,設定該選項為false
success:請求成功後執行的**函式
error:請求失敗的執行的**函式
complete:請求完成後執行的**函式(無論請求成功還是失敗)
timeout:設定請求超時時間,預設30s
var $ = (function(), //無論請求成功或失敗都執行complete**函式
//jsonp跨域請求
if(datatype.touppercase() === 'jsonp')
document.body.removechild(oscript); //執行完後立刻刪除script
return;
}//實時監聽readystate狀態
xhr.onreadystatechange = function()
}complete();
cleartimeout(t); //請求成功清除超時定時器
t = null; //初始化定時器
xhr = null; //初始化xhr物件 }}
xhr.open(type,url,async); //傳送http請求
xhr.send(type === 'get' ? null : formatdata(data));
//請求超時定時器
t = settimeout(function(),timeout)
}function formatdata(data)
list.replace(/&$/, ''); //去除字串最後的一位&
return list;
}function randomnum()
return num;
}return ,
get: function(url,callback));
},post: function(url,data,callback));}}
})();
ajax之同步請求
ajax之同步請求 1.什麼是同步請求?ajax物件在向伺服器傳送請求時,瀏覽器會鎖定當前頁面,使用者不能夠對當前頁面做任何的操作。2.如何傳送同步請求 xhr.open 請求方式,請求位址,false 即可實現同步請求 3.優先使用非同步,因為同步會影響效能,當伺服器端處理比較慢的時候,瀏覽器會鎖...
Ajax之傳送請求
1 建立xml物件 用於於後端資料互動 2 傳送請求 這邊包含兩個方法,首先先用open方法 設定你要傳送請求的方法,請求資料的url,第三就是是否非同步 open method,url,async 引數一 方式 get或者post 引數二 請求檔案在伺服器上url 引數三 是否非同步 然後用sen...
Vue之發起ajax請求
今天來看看前端框架vue怎麼發起ajax請求。我們都知道在jquery框架發起ajax請求很簡單,只需要 ajax即可發起http請求。其實vue也很簡單,不過需要用到外掛程式axios。官方有提供安裝,可以通過npm安裝 npm install axios s axios是乙個基於promise的...