IT兄弟連 JavaWeb教程 jQuery對AJAX的支持

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

}

});