jQuery中$.ajax()方法參數解析

来源:http://www.cnblogs.com/good10000/archive/2016/10/31/6017151.html
-Advertisement-
Play Games

本文實例為大家講解了jQuery $.ajax()方法參數,供大家參考,具體內容如下 $.ajax({ url:'test.do', data:{id:123,name:'xiaoming'}, type:'post', dataType:'json', success:function(data) ...


本文實例為大家講解了jQuery $.ajax()方法參數,供大家參考,具體內容如下

$.ajax({
  url:'test.do',
  data:{id:123,name:'xiaoming'}, 
  type:'post',
  dataType:'json',
  success:function(data){
   alert(data);//彈窗
   //TODO ........
  
  },
  
  error:function(data){
    alert(data);//彈窗
    //TODO ........
  }
 
 })

  

url: 要求為String類型的參數,(預設為當前頁地址)發送請求的地址。
type: 要求為String類型的參數,請求方式(post或get)預設為get。註意其他http請求方法,例如put和delete也可以使用,但僅部分瀏覽器支持。      

timeout: 要求為Number類型的參數,設置請求超時時間(毫秒)。此設置將覆蓋$.ajaxSetup()方法的全局設置。         

async:要求為Boolean類型的參數,預設設置為true,所有請求均為非同步請求。 如果需要發送同步請求,請將此選項設置為false。註意,同步請求將鎖住瀏覽器,用戶其他操作必須等 待請求完成才可以執行。      

cache:要求為Boolean類型的參數,預設為true(當dataType為script時,預設為false)。設置為false將不會從瀏覽器緩存中載入請求信息。       

data: 要求為Object或String類型的參數,發送到伺服器的數據。如果已經不是字元串,將自動轉換為字元串格式。get請求中將附加在url後。防止這種自動轉換,可以查看processData選項。對象必須為key/value格式,例如{foo1:"bar1",foo2:"bar2"}轉換為&foo1=bar1&foo2=bar2。如果是數組,JQuery將自動為不同值對應同一個名稱。例如{foo:["bar1","bar2"]}轉換為&foo=bar1&foo=bar2。         

dataType: 要求為String類型的參數,預期伺服器返回的數據類型。如果不指定,JQuery將自動根據http包mime信息返回responseXML或responseText,並作為回調函數參數傳遞。          

可用的類型如下:

          xml:返回XML文檔,可用JQuery處理。
          html:返回純文本HTML信息;包含的script標簽會在插入DOM時執行。
          script:返回純文本JavaScript代碼。不會自動緩存結果。除非設置了cache參數。註意在遠程請求時(不在同一個域下),所有post請求都將轉為get請求。
          json:返回JSON數據。
          jsonp:JSONP格式。使用SONP形式調用函數時,例如myurl?callback=?,JQuery將自動替換後一個  “?”為正確的函數名,以執行回調函數。 

text:返回純文本字元串。

beforeSend:要求為Function類型的參數,發送請求前可以修改XMLHttpRequest對象的函數,例如添加自定義HTTP頭。在beforeSend中如果返回false可以取消本次ajax請求。XMLHttpRequest對象是惟一的參數。
            function(XMLHttpRequest){
               this;   //調用本次ajax請求時傳遞的options參數
            }

complete:要求為Function類型的參數,請求完成後調用的回調函數(請求成功或失敗時均調用)。
          參數:XMLHttpRequest對象和一個描述成功請求類型的字元串。
          function(XMLHttpRequest, textStatus){
             this;    //調用本次ajax請求時傳遞的options參數
          }

success:要求為Function類型的參數,請求成功後調用的回調函數,有兩個參數。
         (1)由伺服器返回,並根據dataType參數進行處理後的數據。
         (2)描述狀態的字元串。
         function(data, textStatus){
            //data可能是xmlDoc、jsonObj、html、text等等
            this;  //調用本次ajax請求時傳遞的options參數
        error:要求為Function類型的參數,請求失敗時被調用的函數。該函數有3個參數,即XMLHttpRequest對象、錯 誤信息、捕獲的錯誤對象(可選)。

ajax事件函數如下:     

function(XMLHttpRequest, textStatus, errorThrown){
  //通常情況下textStatus和errorThrown只有其中一個包含信息
  this; //調用本次ajax請求時傳遞的options參數
 }

  


contentType:要求為String類型的參數,當發送信息至伺服器時,內容編碼類型預設為"application/x-www-form-urlencoded"。該預設值適合大多數應用場合。              
dataFilter:要求為Function類型的參數,給Ajax返回的原始數據進行預處理的函數。
            提供data和type兩個參數。data是Ajax返回的原始數據,type是調用jQuery.ajax時提供的dataType參數。函數返回的值將由jQuery進一步處理。          

function(data, type){
   //返回處理後的數據
   return data;
  }

  


global:要求為Boolean類型的參數,預設為true。表示是否觸發全局ajax事件。設置為false將不會觸發全局ajax事件,ajaxStart或ajaxStop可用於控制各種ajax事件。         

ifModified:要求為Boolean類型的參數,預設為false。僅在伺服器數據改變時獲取新數據。伺服器數據改變判斷的依據是Last-Modified頭信息。預設值是false,即忽略頭信息。             

jsonp:要求為String類型的參數,在一個jsonp請求中重寫回調函數的名字。該值用來替代在"callback=?"這種GET或POST請求中URL參數里的"callback"部分,例如 {jsonp:'onJsonPLoad'}會導致將"onJsonPLoad=?"傳給伺服器。       

username:要求為String類型的參數,用於響應HTTP訪問認證請求的用戶名。
password:要求為String類型的參數,用於響應HTTP訪問認證請求的密碼。
processData:要求為Boolean類型的參數,預設為true。預設情況下,發送的數據將被轉換為對象(從技術角度來講並非字元串)以配合預設內容類型"application/x-www-form-urlencoded"。如果要發送DOM樹信息或者其他不希望轉換的信息,請設置為false。             

scriptCharset:要求為String類型的參數,只有當請求時dataType為"jsonp"或者"script",並且type是GET時才會用於強制修改字元集(charset)。通常在本地和遠程的內容編碼不同時使用。

案例代碼:

$(function(){
 $('#send').click(function(){
   $.ajax({
    type: "GET",
    url: "test.json",
    data: {username:$("#username").val(), content:$("#content").val()},
    dataType: "json",
    success: function(data){
       $('#resText').empty(); //清空resText裡面的所有內容
       var html = '';
       $.each(data, function(commentIndex, comment){
        html += '
 
  
  
 
  ' + comment['username']
           + ':

  



您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、簡介 do_App的openPage支持16種過場動畫,這個示例直觀的展示16種動畫的效果。適合初學者。 二、效果圖 三、相關下載 https://github.com/do-project/code4do/tree/master/open_animation 四、相關討論 http://bbs ...
  • 線上預覽 插件說明 - jbox 是一款基於 jQuery 的多功能對話框插件,能夠實現網站的整體風格效果,給用戶一個新的視覺享受。 運行環境 - 相容 IE6+、Firefox、Chrome、Safari、Opera 等主流瀏覽器。備註:IE不支持邊框的圓角樣式,不推薦大家使用蛋痛的IE瀏覽器。 ...
  • 本篇為完結篇。主要講述如何造出輪子的高級特性。 一. css方法的高級操作 先看本文第一部分所講的dQuery css方法 javascript //css方法 dQuery.prototype.css=function(attr,value){ if(arguments.length==2){// ...
  • CSS
    引入 <link rel=”stylesheet” type=”text/css” href="style.css"/> <style type="text/css">@import "style.css"</style>文字屬性 屬性名稱 屬性值 說明font-style normal 正常顯示 ...
  • /*ajax對象的成員常用屬性:responseText:以字元串形式接收伺服器端返回的信息responseXML:以Xml Document對象形式接收伺服器返回的信息readyState:返回當前請求的狀態0:剛創建ajax對象1:已經調用open方法2:已經調用send方法3:已經返回部分數據 ...
  • 這篇文章是對於編程小白新手來說的,對於已經在編程路上蹦躂的菜鳥,老鳥,大牛,請忽略~~哈哈! 1.打字速度是必備的素養! a) 打字速度是必備的素養! b) 可以使用市面上常見的打字練習工具,比如金山打字通等.不要練習中文打字,只練習英文打字就行了。英文文章一定要練習到每分鐘100字母以上。 2.認 ...
  • checkbox多選 技術一般水平有限,有什麼錯的地方,望大家指正。 全選,多選都是為了使用的方便,一般情況下全選就夠用了,但是用戶要求實現一個多選的功能也沒有辦法老老實實的做吧。 多選的實現也較為簡單,首先需要一個遮罩可以標識給用戶當前所選擇的區域,其次就是選中用戶所需要的信息,按照這個思路我們來 ...
  • 在Vue.js中,每一個vue文件都是一個組件,在.vue文件中可以將模板,腳本,樣式寫在一起,便於組織整個組件。在使用template,script時,編寫css樣式時,都進行的特別順利,唯獨當我想用sass來預處理css時,在style下使用lang='sass'一直報錯。 在.vue中是這樣的 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...