IT兄弟連 JavaWeb教程 jQuery對AJAX的支援
- 2019 年 10 月 5 日
- 筆記
版權聲明:本文為部落客原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
本文鏈接:https://blog.csdn.net/ITXDL123/article/details/91360040
jQuery對AJAX的支援
jQuery對Ajax請求的創建、發送、響應、註冊數據處理函數、JSON的解析和快取以及傳參等都進行了相應的封裝,同時也考慮了瀏覽器的兼容性問題。
jQuery中對AJAX支援核心函數
jQuery中對Ajax支援的核心函數是$.ajax()函數,$.ajax()函數的程式碼結構如下:
$.ajax({
url : 請求地址,
type : 請求方式,
async : 默認為true,表示非同步請求,false表示同步請求,
data : 請求參數,
dataType : 伺服器參會的數據類型,
success : 伺服器正常處理時執行的回調函數,
error : 伺服器處理出錯時執行的回調函數
});
jQuery中的AJAX的使用
要使用jQuery必須在我們的頁面中並且是所有JavaScript程式碼的頂部添加jQuery的插件:
<script type="text/javascript" src="js/jquery-3.3.1.sj"></script>
在頁面中引入jQuery後,我們就可以使用jQuery為我們封裝好的各種Ajax函數了,例如:
$.ajax({
url:'getyourtodayluck',
type:'post',
data:{"name":"尼古拉斯趙四"},
dataType:'json',
async:true,
cache:false,
success:function(result){
alert(result);
},
error:function(errorResult){
alert(errorResult);
}
});