jQuery封裝Ajax的方法


jQuery中封裝的ajax請求

優點:不需要考慮兼容性和跨域的問題,jQuery全部都解決了

jQuery封裝Ajax的方法有三種

第一種:

$.get()   get請求方式

 

參數有 4 個  必填參數是 url地址   其他參數選填 
參數的形式是對象的形式
            $.get({
                url : 地址(必填)
                data : 攜帶的參數  對象形式
                dataType : 期望的數據類型 如果為json 會將后端返回的json串自動解析
                success : function(){}  請求成功是執行的函數
            })
 
第二種:
$.post()     poost請求方式
       參數有 4 個參數 必填參數是 url地址 其他參數選填 可以沒有
       參數的形式是對象的形式
            $.post({
                url : 地址(必填)
                data : 攜帶的參數  (對象形式)
                dataType : 期望的數據類型 如果為json 會將后端返回的json串自動解析
                success : function(){}  請求成功是執行的函數
            })         

第三種:
$.ajax()     綜合方式
      參數有 N 個參數 特別多 
      常規get post 請求(不是跨域) 常用參數
      $.ajax(){
            常用的:
                url : 地址,
                type / method  : 請求方式 默認值是get方式
                data : { }傳參參數 必須是對象形式
                dataType : json  設定為json 會自動解析響應體中的json串
                success : function(){}  請求成功是執行的函數
 
            不常用:
                async : 設定是否異步 默認值是true 異步執行ajax請求
                error : function(){} 請求錯誤時執行的函數  請求成功時不會執行
                timeout : 設定事件 單位->毫秒 如果請求時間超過設定的事件 認為請求失敗  必須是異步執行
                cache : 設定是否緩存請求結果 默認值是true 緩存請求結果   必須是 get 方式  這個設定才起作用   post方式不會緩存 設定也沒結果
                context : 指定執行函數中this的指向
            }

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM