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);

}

});