JQuery中$.ajax()方法參數詳解

来源:http://www.cnblogs.com/youpotato/archive/2017/10/25/7733051.html
-Advertisement-
Play Games

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


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 += '<div class="comment"><h6>' + comment['username']

                                         + ':</h6><p class="para"' + comment['content']

                                         + '</p></div>';

                         });

                         $('#resText').html(html);

                      }

         });

    });

});

 

順便說一下$.each()函數:

$.each()函數不同於JQuery對象的each()方法,它是一個全局函數,不操作JQuery對象,而是以一個數組或者對象作為第1個參數,以一個回調函數作為第2個參數。回調函數擁有兩個參數:第1個為對象的成員或數組的索引,第2個為對應變數或內容。


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

-Advertisement-
Play Games
更多相關文章
  • 題目1:幾個同事為了在上班期間偷偷看休息,做點其他的事情,就和小秘偷偷聯繫了一下,如果老闆回來了,就麻煩小秘偷偷通知一聲,這樣方便大家及時變更自己的工作狀態。 分析: 根據題目分析,首先明確,肯定會有兩個類:小秘類和同事類,分別描述與記錄兩種類型的人和行為。 需要註意的是:小秘與同事構建聯繫的時候, ...
  • 經驗與實踐 前兩篇文章里我們介紹了nxlog的日誌收集和轉發《ELK系列~Nxlog日誌收集加轉發(解決log4日誌換行導致json轉換失敗問題)》,今天我們主要總結一下,在與log4和fluentd及elasticsearch配合工作時需要註意的幾個點,這幾個點也是我們經常遇到的坑,希望可以幫到大 ...
  • 設計模式(0)簡單工廠模式 設計模式(1)單例模式(Singleton) 設計模式(2)工廠方法模式(Factory Method) 設計模式(3)抽象工廠模式(Abstract Factory) 設計模式(4)建造者模式/生成器模式(Builder) 源碼地址 0 原型模式簡介 0.0 原型模式定 ...
  • Php常見錯誤提示 一、Fatal error: Call to undefined function……函數不存在,可能的原因:系統不存在這個函數且你也沒自定義 二、syntax error, unexpected T_STRING, expecting……嚴重語法錯誤,例如syntax erro ...
  • 本文章將會繼承上一篇文章,主要講通過工具來進行日誌的收集與發送,《ELK系列~NLog.Targets.Fluentd到達如何通過tcp發到fluentd》 Nxlog是一個日誌收集工具,它將系統日誌,或者指定的日誌文件,統配符文件找到,然後加工,最後發送到目標位置。而目標位置有很多種,如文件系統, ...
  • 使用語法 首先我們先來看一個例子:html代碼: css代碼: 實現效果: 結果是該DOM元素背景變成了黑色。 CSS中原生的變數定義語法是:--*,變數使用語法是:var(--*),其中*表示我們的變數名稱。關於命名這個東西,各種語言都有些顯示,例如CSS選擇器不能是數字開頭,JS中的變數是不能直 ...
  • 一、介紹 沒錯,這是第五篇,到了引用類型,這次要分成兩次博文了,太多內容了,這是前篇,篇幅很長也很多代碼,主要講引用類型和常用的引用類型,代碼試驗過的,老鐵沒毛病。 堅持看堅持寫,不容易不容易,希望大家能在這博客中學到東西。能和大家分享,不錯不錯。而且啊,我想通過自己的認識,思考來得到一些個人見解, ...
  • 語法結構 try catch finally是ECMAScript-262 第三版提供異常處理機制的標準,語法結構如下: 語法與大多數語言一樣 如java .net,如果try{}代碼塊捕獲到了異常,那麼catch塊會得到一個錯誤信息對象(Error 的實例)。 我們應該把有可能發生錯誤的代碼放在t ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...