大家好,關于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詳解的問題解決了您的問題,那么我們由衷的感到高興!