欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

ajax中有哪些函數(shù)

今天小編給大家分享一下ajax中有哪些函數(shù)的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

澄邁ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

ajax函數(shù)有：1、“$(selector).load()”，用于把遠程數(shù)據(jù)加載到被選的元素中；2、“$.ajax()”；3、“$.get()”；4、“$.post()”；5、“$.getJSON()”；6、“$.getScript()”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

AJAX 請求函數(shù)

請求描述
$(selector).load(url,data,callback)把遠程數(shù)據(jù)加載到被選的元素中
$.ajax(options)把遠程數(shù)據(jù)加載到 XMLHttpRequest 對象中
$.get(url,data,callback,type)使用 HTTP GET 來加載遠程數(shù)據(jù)
$.post(url,data,callback,type)使用 HTTP POST 來加載遠程數(shù)據(jù)
$.getJSON(url,data,callback)使用 HTTP GET 來加載遠程 JSON 數(shù)據(jù)
$.getScript(url,callback)加載并執(zhí)行遠程的 JavaScript 文件

(url) 被加載的數(shù)據(jù)的 URL（地址）

(data) 發(fā)送到服務器的數(shù)據(jù)的鍵/值對象

(callback) 當數(shù)據(jù)被加載時，所執(zhí)行的函數(shù)

(type) 被返回的數(shù)據(jù)的類型 (html,xml,json,jasonp,script,text)

(options) 完整 AJAX 請求的所有鍵/值對選項

一，$.get(url,[data],[callback])

說明：url為請求地址，data為請求數(shù)據(jù)的列表，callback為請求成功后的回調(diào)函數(shù)，該函數(shù)接受兩個參數(shù)，第一個為服務器返回的數(shù)據(jù)，第二個參數(shù)為服務器的狀態(tài)，是可選參數(shù)。

而其中，服務器返回數(shù)據(jù)的格式其實是字符串形勢，并不是我們想要的json數(shù)據(jù)格式，在此引用只是為了對比說明

$.get("data.php",$("#firstName.val()"),function(data){
$("#getResponse").html(data); }//返回的data是字符串類型
);

二，$.post(url,[data],[callback],[type])

說明：這個函數(shù)跟$.get()參數(shù)差不多，多了一個type參數(shù)，type為請求 的數(shù)據(jù)類型，可以是html,xml,json等類型，如果我們設置這個參數(shù)為：json，那么返回的格式則是json格式的，如果沒有設置，就 和$.get()返回的格式一樣，都是字符串的

$.post("data.php",$("#firstName.val()"),function(data){
$("#postResponse").html(data.name);
},"json"//設置了獲取數(shù)據(jù)的類型，所以得到的數(shù)據(jù)格式為json類型的
);

三，$.ajax(opiton)

說明：$.ajax()這個函數(shù)功能強大，可以對ajax進行許多精確的控制，需要詳細說明的請參照相關資料

$.ajax({
url: "ajax/ajax_selectPicType.aspx",
data:{Full:"fu"},
type: "POST",
dataType:'json',
success:CallBack,
error:function(er){
BackErr(er);}
});

四，$.getJSON(url,[data],[callback])

$.getJSON("data.php",$("#firstName.val()"),function(jsonData){
$("#getJSONResponse").html(jsonData.id);}//無需設置，直接獲取的數(shù)據(jù)類型為json，所以調(diào)用時需要使用jsonData.id方式
);

When Ajax meets jQuery 基于AJAX的應用現(xiàn)在越來越多，而對于前臺開發(fā)人員來說，直接和底層的HTTPRequest打交道又不是一件令人愉快的事情。jQuery既然封裝了 JavaScript，肯定已經(jīng)考慮過AJAX應用的問題。的確，如果用jQuery寫AJAX會比直接用JS寫方便N倍。（不知道用jQuery長了， 會不會喪失對JS的知識了……） 這里假設大家對jQuery語法已經(jīng)比較熟悉，來對ajax的一些應用作一些總結。

載入靜態(tài)頁面

load( url, [data], [callback] );
url (String) 請求的HTML頁的URL地址
data (Map)(可選參數(shù)) 發(fā)送至服務器的 key/value 數(shù)據(jù)
callback (Callback) (可選參數(shù)) 請求完成時(不需要是success的)的回調(diào)函數(shù)

load()方法可以輕松載入靜態(tài)頁面內(nèi)容到指定jQuery對象。

$('#ajax-p').load('data.html');

這樣，data.html的內(nèi)容將被載入到ID為ajax-p的DOM對象之內(nèi)。你甚至可以通過制定ID來實現(xiàn)載入部分內(nèi)容的Ajax操作，如：

$('#ajax-p').load('data.html#my-section');

實現(xiàn)GET和POST方法

get( url, [data], [callback] )

  • url (String) 發(fā)送請求的URL地址.

  • data (Map)(可選參數(shù)) 要發(fā)送給服務器的數(shù)據(jù)，以 Key/value 的鍵值對形式表示，會做為QueryString附加到請求URL中

  • callback (Callback) (可選參數(shù)) 載入成功時回調(diào)函數(shù)(只有當Response的返回狀態(tài)是success才是調(diào)用該方法)

很顯然這是一個專門實現(xiàn)GET方式的函數(shù)，使用起來也相當?shù)暮唵?/p>

$.get('login.php', {
   id      : 'Robin',
   password: '123456',
   gate    : 'index'
  }, function(data, status) {
   //data為返回對象，status為請求的狀態(tài)
   alert(data);
   //此時假設服務器腳本會返回一段文字"你好，Robin！"，
那么瀏覽器就會彈出對話框顯示該段文字
   alert(status);
   //結果為success, error等等，但這里是成功時才能運行的函數(shù)
  });
post( url, [data], [callback], [type] )

  • url (String) 發(fā)送請求的URL地址.

  • data (Map)(可選參數(shù)) 要發(fā)送給服務器的數(shù)據(jù)，以 Key/value 的鍵值對形式表示

  • callback (Callback) (可選參數(shù)) 載入成功時回調(diào)函數(shù)(只有當Response的返回狀態(tài)是success才是調(diào)用該方法)

  • type (String) (可選參數(shù)) 請求數(shù)據(jù)的類型，xml,text,json等

同樣是jQuery提供的一個簡便函數(shù)，其實用法

$.post('regsiter.php', {
   id:'Robin',
   password: '123456',
   type:'user'
  },function(data, status) {
   alert(data);
  }, "json");

事件驅動的腳本載入函數(shù)：getScript()

getScript( url, [callback] )

  • url (String) 待載入 JS 文件地址

  • callback (Function) (可選) 成功載入后回調(diào)函數(shù)

getScript()函數(shù)可以遠程載入JavaScript腳本并且執(zhí)行。這個函數(shù)可以跨 域載入JS文件（神奇……？?。?。這個函數(shù)的意義是巨大 的，它可以很大程度的縮減頁面初次載入的代碼量，因為你可以根據(jù)用戶的交互來載入相應的JS文件，而不必在頁面初始化的時候全部載入。

$.getScript('ajaxEvent.js', function() {
   alert("Scripts Loaded!");
   //載入ajaxEvent.js，并且在成功載入后顯示對話框提示。
  });

構建數(shù)據(jù)通訊的橋梁：getJSON()

getJSON(url,[data],[callback])

  • url (String) 發(fā)送請求地址

  • data (Map) (可選) 待發(fā)送 Key/value 參數(shù)

  • callback (Function) (可選) 載入成功時回調(diào)函數(shù)。

JSON是一種理想的數(shù)據(jù)傳輸格式，它能夠很好的融合與JavaScript或其他宿主語 言，并且可以被JS直接使用。使用JSON相比傳統(tǒng)的通過 GET、POST直接發(fā)送”裸體”數(shù)據(jù)，在結構上更為合理，也更為安全。至于jQuery的getJSON()函數(shù)，只是設置了JSON參數(shù)的 ajax()函數(shù)的一個簡化版本。這個函數(shù)也是可以跨域使用的，相比get()、post()有一定優(yōu)勢。另外這個函數(shù)可以通過把請求url寫 成”myurl?callback=X”這種格式，讓程序執(zhí)行回調(diào)函數(shù)X。

$.getJSON('feed.php',{
   request: images,
   id:      001,
   size:    large
   }, function(json) {
    alert(json.images[0].link);
    //此處json就是遠程傳回的json對象，假設其格式如下：
    //{'images' : [
    // {link: images/001.jpg, x :100, y : 100},
    // {link: images/002.jpg, x : 200, y 200:}
    //]};
   }
 );

更底層的ajax()函數(shù)

雖然get()和post()函數(shù)非常簡潔易用，但是對于更復雜的一些設計需求還是無法實現(xiàn)，比如在ajax發(fā)送的不同時段做出不同的動作等。jQuery提供一個更為具體的函數(shù)：ajax()。

ajax( options )

ajax()提供了一大票參數(shù)，所以可以實現(xiàn)相當復雜的功能。

參數(shù)名類型描述
urlString(默認: 當前頁地址) 發(fā)送請求的地址。
typeString(默認: “GET”) 請求方式 (“POST” 或 “GET”)， 默認為 “GET”。
注意：其它 HTTP 請求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支持。
timeoutNumber設置請求超時時間（毫秒）。此設置將覆蓋全局設置。
asyncBoolean(默認: true) 默認設置下，所有請求均為異步請求。
如果需要發(fā)送同步請求，請將此選項設置為 false。
注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行。
beforeSendFunction發(fā)送請求前可修改 XMLHttpRequest 對象的函數(shù)，如添加自定義 HTTP 頭。

XMLHttpRequest 對象是唯一的參數(shù)。

function (XMLHttpRequest) { this; // the options for this ajax request } function (XMLHttpRequest) { this; // the options for this ajax request }

cacheBoolean(默認: true) jQuery 1.2 新功能，設置為 false 將不會從瀏覽器緩存中加載請求信息。
completeFunction請求完成后回調(diào)函數(shù) (請求成功或失敗時均調(diào)用)。

參數(shù)： XMLHttpRequest 對象，成功信息字符串。

function (XMLHttpRequest, textStatus) { this; // the options for this ajax request } function (XMLHttpRequest, textStatus) { this; // the options for this ajax request }
contentTypeString(默認: “application/x-www-form-urlencoded”) 發(fā)送信息至服務器時內(nèi)容編碼類型。默認值適合大多數(shù)應用場合。
dataObject,
String		發(fā)送到服務器的數(shù)據(jù)。將自動轉換為請求字符串格式。GET 請求中將附加在 URL 后。
查看 processData 選項說明以禁止此自動轉換。必須為 Key/Value 格式。
如果為數(shù)組，jQuery 將自動為不同值對應同一個名稱。
如 {foo:["bar1", "bar2"]} 轉換為 ‘&foo=bar1&foo=bar2′。
dataTypeString預期服務器返回的數(shù)據(jù)類型。如果不指定，jQuery 將自動根據(jù) HTTP 包 MIME 信息
返回 responseXML 或 responseText，并作為回調(diào)函數(shù)參數(shù)傳遞，可用值:

“xml”: 返回 XML 文檔，可用 jQuery 處理。

“html”: 返回純文本 HTML 信息；包含 script 元素。

“script”: 返回純文本 JavaScript 代碼。不會自動緩存結果。

“json”: 返回 JSON 數(shù)據(jù) 。

“jsonp”: JSONP 格式。使用 JSONP 形式調(diào)用函數(shù)時，

如 “myurl?callback=?” jQuery 將自動替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。

errorFunction(默認: 自動判斷 (xml 或 html)) 請求失敗時將調(diào)用此方法。

這個方法有三個參數(shù)：XMLHttpRequest 對象，錯誤信息，（可能）捕獲的錯誤對象。

function (XMLHttpRequest, textStatus, errorThrown) { // 通常情況下textStatus和errorThown只有其中一個有值 this; // the options for this ajax request } function (XMLHttpRequest, textStatus, errorThrown) { // 通常情況下textStatus和errorThown只有其中一個有值 this; // the options for this ajax request }
globalBoolean(默認: true) 是否觸發(fā)全局 AJAX 事件。設置為 false 將不會觸發(fā)全局 AJAX 事件，

如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件

ifModifiedBoolean(默認: false) 僅在服務器數(shù)據(jù)改變時獲取新數(shù)據(jù)。

使用 HTTP 包 Last-Modified 頭信息判斷。

processDataBoolean(默認: true) 默認情況下，發(fā)送的數(shù)據(jù)將被轉換為對象(技術上講并非字符串)

以配合默認內(nèi)容類型 “application/x-www-form-urlencoded”。

如果要發(fā)送 DOM 樹信息或其它不希望轉換的信息，請設置為 false。

successFunction

請求成功后回調(diào)函數(shù)。這個方法有兩個參數(shù)：服務器返回數(shù)據(jù)，返回狀態(tài)

function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request } function (data, textStatus) { // data could be xmlDoc, jsonObj, html, text, etc... this; // the options for this ajax request }

你可以指定xml、script、html、json作為其數(shù)據(jù)類型，可以為beforeSend、error、sucess、complete等狀態(tài)設置 處理函數(shù)，眾多其它參數(shù)也可以訂完完全全定義用戶的Ajax體驗。下面的例子中，我們用ajax()來調(diào)用一個XML文檔：

$.ajax({
    url: 'doc.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        alert(xml);
  //此處xml就是XML的jQuery對象了，你可以用find()、next()或XPath等方法在里面尋找節(jié)點，
和用jQuery操作HTML對象沒有區(qū)別
    }
});

進一步了解AJAX事件

前面討論的一些方法都有自己的事件處理機制，從頁面整體來說，都只能說是局部函數(shù)。jQuery提供了AJAX全局函數(shù)的定義，以滿足特殊的需求。下面是jQuery提供的所有函數(shù)（按照觸發(fā)順序排列如下）：

  • ajaxStart
    (全局事件) 開始新的Ajax請求，并且此時沒有其他ajax請求正在進行

  • beforeSend
    (局部事件) 當一個Ajax請求開始時觸發(fā)。如果需要，你可以在這里設置XMLHttpRequest對象

  • ajaxSend
    (全局事件) 請求開始前觸發(fā)的全局事件

  • success
    (局部事件) 請求成功時觸發(fā)。即服務器沒有返回錯誤，返回的數(shù)據(jù)也沒有錯誤

  • ajaxSuccess
    全局事件全局的請求成功

  • error
    (局部事件) 僅當發(fā)生錯誤時觸發(fā)。你無法同時執(zhí)行success和error兩個回調(diào)函數(shù)

  • ajaxError
    全局事件全局的發(fā)生錯誤時觸發(fā)

  • complete
    (局部事件) 不管你請求成功還是失敗，即便是同步請求，你都能在請求完成時觸發(fā)這個事件

  • ajaxComplete
    全局事件全局的請求完成時觸發(fā)

  • ajaxStop
    (全局事件) 當沒有Ajax正在進行中的時候，觸發(fā)
    局部事件在之前的函數(shù)中都有介紹，我們主要來看看全局事件。對某個對象進行全局事件監(jiān)聽，那么全局中的AJAX動作，都會對其產(chǎn)生影響。比如，當頁面在進行AJAX操作時，ID為”loading”的p就顯示出來：

$("#loading").ajaxStart(function(){
   $(this).show();
 });

全局事件也可以幫助你編寫全局的錯誤相應和成功相應，而不需要為每個AJAX請求獨立設置。有必要指出，全局事件的參數(shù)是很有用的。除了 ajaxStart、ajaxOptions，其他事件均有event, XMLHttpRequest, ajaxOptions三個參數(shù)。第一個參數(shù)即事件本身；第二個是XHR對象；第三個是你傳遞的ajax參數(shù)對象。在一個對象里顯示全局的AJAX情況：

$("#msg").beforeSend(function(e,xhr,o) {
 $(this).html("正在請求"+o.url);
 }).ajaxSuccess(function(e,xhr,o) {
 $(this).html(o.url+"請求成功");
 }).ajaxError(function(e,xhr,o) {
 $(this).html(o.url+"請求失敗");
});

很顯然，第三個參數(shù)也可以幫助你傳遞你在AJAX事件里加入的自定義參數(shù)。 在單個AJAX請求時，你可以將global的值設為false，以將此請求獨立于AJAX的全局事件。

$.ajax({
   url: "request.php",
   global: false,
   // 禁用全局Ajax事件.
 });

如果你想為全局AJAX設置參數(shù)，你會用上ajaxSetup()函數(shù)。例如，將所有AJAX請求都傳遞到request.php，；禁用全局方法；強制用POST方法傳遞：

$.ajaxSetup({
  url: "request.php",
  global: false,
  type: "POST"
});

以上就是“ajax中有哪些函數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)頁題目：ajax中有哪些函數(shù)
鏈接地址：http://chinadenli.net/article32/ppjosc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、、軟件開發(fā)、App開發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化