- N +

jquery發送ajax請求,ajax詳解

大家好,關于jquery發送ajax請求很多朋友都還不太明白,不過沒關系,因為今天小編就來為大家分享關于jquery ajax詳解的知識點,相信應該可以解決大家的一些困惑和問題,如果碰巧可以解決您的問題,還望關注下本站哦,希望對各位有所幫助!

jqueryajax怎么通過header傳遞參數

/這個是全局的,所有的ajax請求都會加上這個請求頭

$(document).ajaxSend(function(event,xhr){

xhr.setRequestHeader("Content-Type","application/json;charset=utf-8");

xhr.setRequestHeader("Authorization","Authorization");

});

//局部第一種

$('xxx').ajax({

//...

beforeSend:function(jqXHR,options){

jqXHR.setRequestHeader("Content-Type","application/json;charset=utf-8");

jqXHR.setRequestHeader("Authorizationr","Authorization");

}

//...

});

//局部第二種

$('xxx').ajax({

//...

headers:{

"Content-Type":"application/json;charset=utf-8",

"Authorizationr":"Authorizationr",

}

//...

});

注意:修改請求頭時,headers中的設置會覆蓋beforeSend中的設置(意味著beforeSend先執行,所以被后面的headers覆蓋)

可以設置ajax請求為同步請求么

jquery的ajax有一個ajaxSetup方法,可以通過它設置Ajax請求的默認值。$.ajaxSetup({async:false,//默認為true,改為false則為同步請求url:"XXXXXXX",type:"POST",success:function(result){$("div").html(result);}});//然后執行ajax$.ajax();也可以直接設置$.ajax({url:"XXXX",async:false,........});jquery是默認異步的,可以添加一個參數:async:false$.ajax({async:false,url:'…………',type:'post'data:{…………},dataType:'json',success:function(){…………},failure:function(){…………},error:function(){…………}});

ajax數據傳輸方式實例詳解

在異步應用程序中發送和接收信息時,常見的可以選擇以純文本和XML作為數據格式(可參考《jQuery學習筆記之Ajax用法實例詳解》),現在還有一種比較流行的方式:JSON(JavaScriptObjectNotation)。好了,下面舉例說明這三種數據格式在ajax的異步應用。

一、純文本方式

1、發送/接收數據:

Codeischeap.看代碼:

testJs.js

//此函數等價于document.getElementById/document.all

function$(s){if(document.getElementById){returneval('document.getElementById("'+s+'")');}else{returneval('document.all.'+s);}}

//創建XMLHttpRequest對象,以發送ajax請求

functioncreateXMLHTTP(){

varxmlHttp=false;

vararrSignatures=["MSXML2.XMLHTTP.5.0","MSXML2.XMLHTTP.4.0",

"MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP",

"Microsoft.XMLHTTP"];

for(vari=0;i<arrSignatures.length;i++){

try{

xmlHttp=newActiveXObject(arrSignatures[i]);

returnxmlHttp;

}

catch(oError){

xmlHttp=false;//ignore

}

}

//thrownewError("MSXMLisnotinstalledonyoursystem.");

if(!xmlHttp&&typeofXMLHttpRequest!='undefined'){

xmlHttp=newXMLHttpRequest();

}

returnxmlHttp;

}

varxmlReq=createXMLHTTP();

//發送ajax處理請求(這里簡單驗證用戶名和密碼的有效性,默認正確的輸入:用戶名和密碼都是test)

functionvalidatePwd(oTxt){

varurl="/AjaxOperations.aspx";

xmlReq.open("post",url,true);

xmlReq.setRequestHeader("Content-Length",oTxt.value.length+$("txtUserName").value.length);

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

xmlReq.onreadystatechange=callBack;

xmlReq.send("action=chkPwd&userInfos="+escape(oTxt.value+"/"+$("txtUserName").value));//發送文本

}

functioncallBack(){

if(xmlReq.readyState==4){

if(xmlReq.status==200){

alert(xmlReq.responseText);//接收文本

}

elseif(xmlReq.status==404){

alert("RequestedURLisnotfound.");

}elseif(xmlReq.status==403){

alert("Accessdenied.");

}else

alert("statusis"+xmlReq.status);

}

}

jquery中調用天氣預報API(ajax)

$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(_result){

if(remote_ip_info.ret=='1'){

$.ajax({

type:"GET",

url:"http://wthrcdn.etouch.cn/weather_mini?city="+remote_ip_info.city,

data:"",

success:function(msg){

console.log(msg);

}

});

}

});

jquery ajax詳解

1.jQuery的Ajax功能可以用來發送異步的HTTP請求,并且可以在不重新加載整個頁面的情況下更新頁面的部分內容。

2.jQuery的Ajax功能可以通過HTTPGET或POST方法發送請求,可以接受XML、HTML、JSON、script和text等格式的數據。

3.jQuery的Ajax功能可以讓開發者更容易地處理Ajax事件,比如處理請求成功、失敗、完成等事件,從而更容易地實現異步數據交互。

文章到此結束,如果本次分享的jquery發送ajax請求和jquery ajax詳解的問題解決了您的問題,那么我們由衷的感到高興!

返回列表
上一篇:
下一篇: