jQuery里面的ajax方法的參數(shù)

選項(xiàng)

成都創(chuàng)新互聯(lián)于2013年開始，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元天門做網(wǎng)站,已為上家服務(wù),為天門各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

asyncBoolean(默認(rèn): true) 默認(rèn)設(shè)置下，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為 false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行。

beforeSend(XHR)Function發(fā)送請(qǐng)求前可修改 XMLHttpRequest 對(duì)象的函數(shù)，如添加自定義 HTTP 頭。XMLHttpRequest 對(duì)象是唯一的參數(shù)。這是一個(gè) Ajax 事件。如果返回false可以取消本次ajax請(qǐng)求。

function (XMLHttpRequest) {

this; // 調(diào)用本次AJAX請(qǐng)求時(shí)傳遞的options參數(shù)

}

cacheBoolean(默認(rèn): true,dataType為script和jsonp時(shí)默認(rèn)為false) jQuery 1.2 新功能，設(shè)置為 false 將不緩存此頁(yè)面。

complete(XHR, TS)Function請(qǐng)求完成后回調(diào)函數(shù) (請(qǐng)求成功或失敗之后均調(diào)用)。參數(shù)： XMLHttpRequest 對(duì)象和一個(gè)描述成功請(qǐng)求類型的字符串。 Ajax 事件。

function (XMLHttpRequest, textStatus) {

this; // 調(diào)用本次AJAX請(qǐng)求時(shí)傳遞的options參數(shù)

}

contentTypeString(默認(rèn): "application/x-www-form-urlencoded") 發(fā)送信息至服務(wù)器時(shí)內(nèi)容編碼類型。默認(rèn)值適合大多數(shù)情況。如果你明確地傳遞了一個(gè)content-type給 $.ajax() 那么他必定會(huì)發(fā)送給服務(wù)器（即使沒有數(shù)據(jù)要發(fā)送）

contextObject這個(gè)對(duì)象用于設(shè)置Ajax相關(guān)回調(diào)函數(shù)的上下文。也就是說(shuō)，讓回調(diào)函數(shù)內(nèi)this指向這個(gè)對(duì)象（如果不設(shè)定這個(gè)參數(shù)，那么this就指向調(diào)用本次AJAX請(qǐng)求時(shí)傳遞的options參數(shù)）。比如指定一個(gè)DOM元素作為context參數(shù)，這樣就設(shè)置了success回調(diào)函數(shù)的上下文為這個(gè)DOM元素。就像這樣：

$.ajax({ url: "test.html", context: document.body, success: function(){

$(this).addClass("done");

}});

dataObject,String發(fā)送到服務(wù)器的數(shù)據(jù)。將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式。GET 請(qǐng)求中將附加在 URL 后。查看 processData 選項(xiàng)說(shuō)明以禁止此自動(dòng)轉(zhuǎn)換。必須為 Key/Value 格式。如果為數(shù)組，jQuery 將自動(dòng)為不同值對(duì)應(yīng)同一個(gè)名稱。如 {foo:["bar1", "bar2"]} 轉(zhuǎn)換為 'foo=bar1foo=bar2'。

dataFilterFunction給Ajax返回的原始數(shù)據(jù)的進(jìn)行預(yù)處理的函數(shù)。提供data和type兩個(gè)參數(shù)：data是Ajax返回的原始數(shù)據(jù)，type是調(diào)用jQuery.ajax時(shí)提供的dataType參數(shù)。函數(shù)返回的值將由jQuery進(jìn)一步處理。

function (data, type) {

// 對(duì)Ajax返回的原始數(shù)據(jù)進(jìn)行預(yù)處理

return data // 返回處理后的數(shù)據(jù)

}

dataTypeString

預(yù)期服務(wù)器返回的數(shù)據(jù)類型。如果不指定，jQuery 將自動(dòng)根據(jù) HTTP 包 MIME 信息來(lái)智能判斷，比如XML MIME類型就被識(shí)別為XML。在1.4中，JSON就會(huì)生成一個(gè)JavaScript對(duì)象，而script則會(huì)執(zhí)行這個(gè)腳本。隨后服務(wù)器端返回的數(shù)據(jù)會(huì)根據(jù)這個(gè)值解析后，傳遞給回調(diào)函數(shù)。可用值:

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

"html": 返回純文本 HTML 信息；包含的script標(biāo)簽會(huì)在插入dom時(shí)執(zhí)行。

"script": 返回純文本 JavaScript 代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了"cache"參數(shù)。'''注意：'''在遠(yuǎn)程請(qǐng)求時(shí)(不在同一個(gè)域下)，所有POST請(qǐng)求都將轉(zhuǎn)為GET請(qǐng)求。(因?yàn)閷⑹褂肈OM的script標(biāo)簽來(lái)加載)

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

"jsonp": JSONP 格式。使用 JSONP 形式調(diào)用函數(shù)時(shí)，如 "myurl?callback=?" jQuery 將自動(dòng)替換 ? 為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。

"text": 返回純文本字符串

errorFunction(默認(rèn): 自動(dòng)判斷 (xml 或 html)) 請(qǐng)求失敗時(shí)調(diào)用此函數(shù)。有以下三個(gè)參數(shù)：XMLHttpRequest 對(duì)象、錯(cuò)誤信息、（可選）捕獲的異常對(duì)象。如果發(fā)生了錯(cuò)誤，錯(cuò)誤信息（第二個(gè)參數(shù)）除了得到null之外，還可能是"timeout", "error", "notmodified" 和 "parsererror"。Ajax 事件。

function (XMLHttpRequest, textStatus, errorThrown) {

// 通常 textStatus 和 errorThrown 之中

// 只有一個(gè)會(huì)包含信息

this; // 調(diào)用本次AJAX請(qǐng)求時(shí)傳遞的options參數(shù)

}

globalBoolean(默認(rèn): true) 是否觸發(fā)全局 AJAX 事件。設(shè)置為 false 將不會(huì)觸發(fā)全局 AJAX 事件，如 ajaxStart 或 ajaxStop 可用于控制不同的 Ajax 事件。

ifModifiedBoolean(默認(rèn): false) 僅在服務(wù)器數(shù)據(jù)改變時(shí)獲取新數(shù)據(jù)。使用 HTTP 包 Last-Modified 頭信息判斷。在jQuery 1.4中，他也會(huì)檢查服務(wù)器指定的'etag'來(lái)確定數(shù)據(jù)沒有被修改過(guò)。

jsonpString在一個(gè)jsonp請(qǐng)求中重寫回調(diào)函數(shù)的名字。這個(gè)值用來(lái)替代在"callback=?"這種GET或POST請(qǐng)求中URL參數(shù)里的"callback"部分，比如{jsonp:'onJsonPLoad'}會(huì)導(dǎo)致將"onJsonPLoad=?"傳給服務(wù)器。

jsonpCallbackString為jsonp請(qǐng)求指定一個(gè)回調(diào)函數(shù)名。這個(gè)值將用來(lái)取代jQuery自動(dòng)生成的隨機(jī)函數(shù)名。這主要用來(lái)讓jQuery生成度獨(dú)特的函數(shù)名，這樣管理請(qǐng)求更容易，也能方便地提供回調(diào)函數(shù)和錯(cuò)誤處理。你也可以在想讓瀏覽器緩存GET請(qǐng)求的時(shí)候，指定這個(gè)回調(diào)函數(shù)名。

passwordString用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的密碼

processDataBoolean(默認(rèn): true) 默認(rèn)情況下，通過(guò)data選項(xiàng)傳遞進(jìn)來(lái)的數(shù)據(jù)，如果是一個(gè)對(duì)象(技術(shù)上講只要不是字符串)，都會(huì)處理轉(zhuǎn)化成一個(gè)查詢字符串，以配合默認(rèn)內(nèi)容類型 "application/x-www-form-urlencoded"。如果要發(fā)送 DOM 樹信息或其它不希望轉(zhuǎn)換的信息，請(qǐng)?jiān)O(shè)置為 false。

scriptCharsetString只有當(dāng)請(qǐng)求時(shí)dataType為"jsonp"或"script"，并且type是"GET"才會(huì)用于強(qiáng)制修改charset。通常只在本地和遠(yuǎn)程的內(nèi)容編碼不同時(shí)使用。

successFunction請(qǐng)求成功后的回調(diào)函數(shù)。參數(shù)：由服務(wù)器返回，并根據(jù)dataType參數(shù)進(jìn)行處理后的數(shù)據(jù)；描述狀態(tài)的字符串。 Ajax 事件。

function (data, textStatus) {

// data 可能是 xmlDoc, jsonObj, html, text, 等等...

this; // 調(diào)用本次AJAX請(qǐng)求時(shí)傳遞的options參數(shù)

}

traditionalBoolean如果你想要用傳統(tǒng)的方式來(lái)序列化數(shù)據(jù)，那么就設(shè)置為true。請(qǐng)參考工具分類下面的jQuery.param 方法。

timeoutNumber設(shè)置請(qǐng)求超時(shí)時(shí)間（毫秒）。此設(shè)置將覆蓋全局設(shè)置。

typeString(默認(rèn): "GET") 請(qǐng)求方式 ("POST" 或 "GET")， 默認(rèn)為 "GET"。注意：其它 HTTP 請(qǐng)求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支持。

urlString(默認(rèn): 當(dāng)前頁(yè)地址) 發(fā)送請(qǐng)求的地址。

usernameString用于響應(yīng)HTTP訪問(wèn)認(rèn)證請(qǐng)求的用戶名

xhrFunction需要返回一個(gè)XMLHttpRequest 對(duì)象。默認(rèn)在IE下是ActiveXObject 而其他情況下是XMLHttpRequest 。用于重寫或者提供一個(gè)增強(qiáng)的XMLHttpRequest 對(duì)象。這個(gè)參數(shù)在jQuery 1.3以前不可用。

jquery ajax請(qǐng)求的五個(gè)步驟

1、使用ajax發(fā)送數(shù)據(jù)的步驟

第一步：創(chuàng)建異步對(duì)象

var xhr = new XMLHttpRequest();

第二步：設(shè)置 請(qǐng)求行 open(請(qǐng)求方式，請(qǐng)求url):

// get請(qǐng)求如果有參數(shù)就需要在url后面拼接參數(shù)，

// post如果有參數(shù)，就在請(qǐng)求體中傳遞 xhr.open("get","validate.php?username="+name)

xhr.open("post","validate.php");

第三步：設(shè)置請(qǐng)求（GET方式忽略此步驟）頭:setRequestHeader()

// 1.get不需要設(shè)置

// 2.post需要設(shè)置請(qǐng)求頭：Content-Type:application/x-www-form-urlencoded

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

第四步：設(shè)置請(qǐng)求體 send()

// 1.get的參數(shù)在url拼接了，所以不需要在這個(gè)函數(shù)中設(shè)置

// 2.post的參數(shù)在這個(gè)函數(shù)中設(shè)置(如果有參數(shù))

xhr.send(null) xhr.send("username="+name);

第五步：讓異步對(duì)象接收服務(wù)器的響應(yīng)數(shù)據(jù)

一個(gè)成功的響應(yīng)有兩個(gè)條件：

xhr.onreadystatechange = function(){ ?

if(xhr.status == 200 xhr.readyState == 4){?

console.log(xhr.responseText);?

}

ajax-get方式請(qǐng)求案例：

var xhr = new XMLHttpRequest();?

xhr.open("get","validate.php?username="+name);?

xhr.send(null);?

xhr.onreadystatechange = function(){?

if(xhr.status == 200 xhr.readyState == 4){

console.log(xhr.responseText);

document.querySelector(".showmsg").innerHTML = xhr.responseText;;

}

}

ajax-post方式請(qǐng)求案例：

var xhr = new XMLHttpRequest();

xhr.open("post","validate.php");

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xhr.send("username="+name);

xhr.onreadystatechange = function(){

// 判斷服務(wù)器是否響應(yīng)，判斷異步對(duì)象的響應(yīng)狀態(tài)

if(xhr.status == 200 xhr.readyState == 4){

document.querySelector(".showmsg").innerHTML = xhr.responseText;

}

}

二、Jquery中的Ajax

$.ajax({

type: "get",// get或者post

url: "abc.php",// 請(qǐng)求的url地址

data: {},//請(qǐng)求的參數(shù)

dataType: "json",//json寫了jq會(huì)幫我們轉(zhuǎn)換成數(shù)組或者對(duì)象 他已經(jīng)用JSON.parse弄好了

timeout: 3000,//3秒后提示錯(cuò)誤

beforeSend: function () {

// 發(fā)送之前就會(huì)進(jìn)入這個(gè)函數(shù)

// return false 這個(gè)ajax就停止了不會(huì)發(fā) 如果沒有return false 就會(huì)繼續(xù)

},

success: function (data) { // 成功拿到結(jié)果放到這個(gè)函數(shù) data就是拿到的結(jié)果

},

error: function () {//失敗的函數(shù)

},

complete: function () {//不管成功還是失敗 都會(huì)進(jìn)這個(gè)函數(shù)

}

})

// 常用

$.ajax({

type: "get",

url: "",

data: {},

dataType: "json",

success: function (data) {

}

})

$.ajax() 都可以發(fā)

$.post(url,data,success,datatype):本質(zhì)上只能發(fā)送post請(qǐng)求

$.get(url,data,success,datatype):本質(zhì)上只能發(fā)送get請(qǐng)求

jquery ajax xhr監(jiān)聽上傳進(jìn)度顯示不準(zhǔn)確，求解

如果你是用這種方式上傳的話，確實(shí)沒有好方法。

因?yàn)?XMLHttpRequest.onProgress 事件能拿到的是網(wǎng)絡(luò)傳輸?shù)淖止?jié)而已；你說(shuō)的問(wèn)題里，“上傳進(jìn)度已完成”，實(shí)際是指瀏覽器已經(jīng)把文件傳輸給了服務(wù)端；“很久才可以”，是你服務(wù)端額外處理的時(shí)間，這段時(shí)間對(duì)瀏覽器來(lái)說(shuō)是不可感知的，它怎么會(huì)知道你服務(wù)端處理需要多久呢？

一般處理思路有這么幾種：

1、上傳進(jìn)度設(shè)置一個(gè)最大值，比如 99%，只有當(dāng)服務(wù)端真正返回結(jié)果時(shí)才會(huì)變到 100%，這種方法最為簡(jiǎn)單粗暴；

2、盡量減少服務(wù)端處理的時(shí)間，例如收到文件后交給異步隊(duì)列去處理，立刻返回給客戶端響應(yīng)，這種方法需要額外做的事件比較多，開發(fā)難度更高一些；

3、客戶端分片上傳，把大文件變成若干段小“文件”，缺點(diǎn)是瀏覽器只有支持 HTML5 才支持 FormData 分片。

jquery ajax的xhr會(huì)拖慢ajax嗎?

Ajax只是封裝了xmlhttprequest重新開啟了一個(gè)線程。對(duì)返回值，做出了響應(yīng)。而如果我們不用xhr的異步的話，而只用同步的話，我們對(duì)這個(gè)請(qǐng)求，未完成之前，不能發(fā)出下一個(gè)請(qǐng)求。而關(guān)于登陸，局部刷新這個(gè)觀點(diǎn)，我并不能理解。使用xhr任然能實(shí)現(xiàn)局部刷新，只不過(guò)，不能異步處理其他的。如果沒有對(duì)xhr處理的話，那么瀏覽器默認(rèn)的只是會(huì)重新加載一個(gè)頁(yè)面。我猜。因此，會(huì)刷新掉原來(lái)的頁(yè)面。如果我們用了ajax封裝的話，我們就會(huì)對(duì)其進(jìn)行處理。而不會(huì)采用瀏覽器的默認(rèn)處理方式。因此ajax只是一個(gè)異步請(qǐng)求的操作。并沒有達(dá)到局部刷新的結(jié)果。為啥達(dá)到異步刷新的結(jié)果，是因?yàn)槲覀儧]有對(duì)瀏覽器的返回值做處理。瀏覽器默認(rèn)的是對(duì)我們返回的值，弄到子頁(yè)面處理。如果，我們對(duì)瀏覽器返回的值，做了處理的話，那么就不會(huì)是一個(gè)子頁(yè)面了。不過(guò)這樣的話，確實(shí)起到了局部刷新的作用啊。因?yàn)橛行┪覀儾]法對(duì)請(qǐng)求的結(jié)果作出處理。沒有拖慢不拖慢的，異步請(qǐng)求還比一個(gè)一個(gè)跑要快的。時(shí)間大多都在數(shù)據(jù)查詢上。

jquery ajax xhr 怎么用

設(shè)置本地XHR對(duì)象的“名-值”映射。例如，可以在需要時(shí)設(shè)置“withCredentials”為真而執(zhí)行跨域名請(qǐng)求。

XHR：XMLHttpRequest (XHR) ，基于XML技術(shù)的Http請(qǐng)求。

怎么樣通過(guò)jQuery Ajax實(shí)現(xiàn)上傳文件

Query Ajax在web應(yīng)用開發(fā)中很常用，它主要包括有ajax,get,post,load,getscript等等這幾種常用無(wú)刷新操作方法，接下來(lái)通過(guò)本文給大家介紹jquery ajax 上傳文件處理方式。

FormData對(duì)象

XMLHttpRequest Level 2添加了一個(gè)新的接口FormData.利用FormData對(duì)象,我們可以通過(guò)JavaScript用一些鍵值對(duì)來(lái)模擬一系列表單控件,我們還可以使用XMLHttpRequest的send()方法來(lái)異步的提交這個(gè)”表單”.比起普通的ajax,使用FormData的最大優(yōu)點(diǎn)就是我們可以異步上傳一個(gè)二進(jìn)制文件.

所有主流瀏覽器的較新版本都已經(jīng)支持這個(gè)對(duì)象了，比如Chrome 7+、Firefox 4+、IE 10+、Opera 12+、Safari 5+。之前都是用原生js的XMLHttpRequest寫的請(qǐng)求

XMLHttpRequest方式

xhr.open("POST", uri, true);

xhr.onreadystatechange = function() {

if (xhr.readyState == 4 xhr.status == 200) {

// Handle response.

alert(xhr.responseText); // handle response.

}

};

fd.append('myFile', file);

// Initiate a multipart/form-data upload

xhr.send(fd);

其實(shí)jquery的ajax也可以支持到的，關(guān)鍵是設(shè)置：processData 和 contentType 。

ajax方式

var formData = new FormData();

var name = $("input").val();

formData.append("file",$("#upload")[0].files[0]);

formData.append("name",name);

$.ajax({

url : Url,

type : 'POST',

data : formData,

// 告訴jQuery不要去處理發(fā)送的數(shù)據(jù)

processData : false,

// 告訴jQuery不要去設(shè)置Content-Type請(qǐng)求頭

contentType : false,

beforeSend:function(){

console.log("正在進(jìn)行，請(qǐng)稍候");

},

success : function(responseStr) {

if(responseStr.status===0){

console.log("成功"+responseStr);

}else{

console.log("失敗");

}

},

error : function(responseStr) {

console.log("error");

}

});

網(wǎng)站名稱：jqueryxhr的簡(jiǎn)單介紹
網(wǎng)站URL：http://chinadenli.net/article23/dsihsjs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站制作、外貿(mào)建站、ChatGPT、定制開發(fā)、網(wǎng)站收錄

廣告

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