❶ jquery操作ajax主要有哪幾個層次的方法
不知道你說的哪幾個層次是什麼意思，jquery中和ajax有關的方法就這幾個：
$.ajax(url,[settings])
load(url,[data],[callback])
$.get(url,[data],[fn],[type])
$.getJSON(url,[data],[fn])
$.getScript(url,[callback])
$.post(url,[data],[fn],[type])
❷ jquery ajax請求的五個步驟
1、使用ajax發送數據的步驟
第一步：創建非同步對象
var xhr = new XMLHttpRequest();
第二步：設置 請求行 open(請求方式，請求url):
// get請求如果有參數就需要在url後面拼接參數，
// post如果有參數，就在請求體中傳遞 xhr.open("get","validate.php?username="+name)
xhr.open("post","validate.php");
第三步：設置請求（GET方式忽略此步驟）頭:setRequestHeader()
// 1.get不需要設置
// 2.post需要設置請求頭：Content-Type:application/x-www-form-urlencoded
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
第四步：設置請求體 send()
// 1.get的參數在url拼接了，所以不需要在這個函數中設置
// 2.post的參數在這個函數中設置(如果有參數)
xhr.send(null) xhr.send("username="+name);
第五步：讓非同步對象接收伺服器的響應數據
一個成功的響應有兩個條件：
xhr.onreadystatechange = function(){
if(xhr.status == 200 && xhr.readyState == 4){
console.log(xhr.responseText);
}
ajax-get方式請求案例：
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方式請求案例：
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(){
// 判斷伺服器是否響應，判斷非同步對象的響應狀態
if(xhr.status == 200 && xhr.readyState == 4){
document.querySelector(".showmsg").innerHTML = xhr.responseText;
}
}
二、Jquery中的Ajax
$.ajax({
type: "get",// get或者post
url: "abc.php",// 請求的url地址
data: {},//請求的參數
dataType: "json",//json寫了jq會幫我們轉換成數組或者對象 他已經用JSON.parse弄好了
timeout: 3000,//3秒後提示錯誤
beforeSend: function () {
// 發送之前就會進入這個函數
// return false 這個ajax就停止了不會發 如果沒有return false 就會繼續
},
success: function (data) { // 成功拿到結果放到這個函數 data就是拿到的結果
},
error: function () {//失敗的函數
},
complete: function () {//不管成功還是失敗 都會進這個函數
}
})
// 常用
$.ajax({
type: "get",
url: "",
data: {},
dataType: "json",
success: function (data) {
}
})
$.ajax() 都可以發
$.post(url,data,success,datatype):本質上只能發送post請求
$.get(url,data,success,datatype):本質上只能發送get請求
❸ jquery中的$.ajax()方法，
運用ajax()方法，比其它如load()、get()、post()全局性函數它更多地關注實現過程中的細節；首先要了解其參數列表：
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-formurlencoded"。如果要發送DOM樹信息或者其他不希望轉換的信息，請設置為false。
scriptCharset：要求為String類型的參數，只有當請求時dataType為"jsonp"或者"script"，並且type是GET時才會用於強制修改字元集(charset)。通常在本地和遠程的內容編碼不同時使用。
❹ jquery中使用ajax的幾種常用寫法
第一種:
$.ajax({
type:"POST",//提交方式post和get
url:"連接地址",//連接地址
data:'{"'++'"}',//數據類型
contentType:"application/json;charset=utf-8",//編碼形式
dataType:"json",//提交數據類型
success:function(data){
varit=eval(data.d);
varHtml="";
for(variinit){}
},async:false
});
第二種:
$(document).ready(function(){
$("#a").click(function(){
htmlobj=$.ajax({url:"/test.txt",async:false});
$("#b").html(htmlobj.responseText);
});
});
第三種:
$.ajax({url:"abc.html",context:document.body,success:function(){
$(this).addClass("Dmoe");
}});
//參考文獻：鋒利的Jquery如有疏漏或者錯誤還望大家指出
❺ 請列舉jquery中關於ajax的常用的3種請求的基本用法
jQuery中ajax的4種常用請求方式：
1.$.ajax()返回其創建的 XMLHttpRequest 對象。
$.ajax() 只有一個參數：參數 key/value 對象，包含各配置及回調函數信息。詳細參數選項見下。
如果你指定了 dataType 選項，請確保伺服器返回正確的 MIME 信息，(如 xml 返回 "text/xml")。
實例：
保存數據到伺服器，成功時顯示信息。
$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$$")[0]);
}
}
});
2.通過遠程 HTTP GET 請求載入信息。
這是一個簡單的 GET 請求功能以取代復雜 $.ajax 。請求成功時可調用回調函數。如果需要在出錯時執行函數，請使用 $.ajax。
實例：
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
3. 通過遠程 HTTP POST 請求載入信息。
這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時可調用回調函數。如果需要在出錯時執行函數，請使用 $.ajax。
實例：
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功！");
}
})
4.通過 HTTP GET 請求載入 JSON 數據。
實例：
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});
希望對你有用。
❻ jquery提供了哪些ajax方法
默認值: "GET")。請求方式 ("POST" 或 "GET")， 默認為 "GET"。注意：其它 HTTP 請求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支持。
❼ jquery的ajax方法有哪些
$.ajax()
$.json()
$.get()
$.post()
❽ jquery 調用ajax的方法有哪些
jQuery.ajax(url,[settings])
jQueryload(url, [data], [callback])
$.get(url,[data],[fn],[type])
$.getJSON(url,[data],[fn])
$.getScript(url,[callback])
$.post(url,[data],[fn],[type])
用的最多的就是$.ajax，$.post
詳細可以查一下API文檔
❾ js jquery ajax的幾種用法，以及優缺點
一，最原始的方式來運用ajax var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } //定義了一個ajax的入口函數，供用view層用戶調用 function show_type(type_id) { // alert(id); createXMLHttpRequest(); var url = "../ajax/shop_type_status.php?id="+type_id+"&time="+Math.random(); xmlHttp.open("GET", url, true); xmlHttp.onreadystatechange = function(){ show_back();} xmlHttp.send(null); } //回調函數，將從調用的php文件中取得的數據，反還給用戶 function show_back() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { //document.getElementById('cat_id').value = id; document.getElementById('type_status').innerHTML = xmlHttp.responseText; } } } 個人分析：這種方法挺好的，簡單靈活，但是有一點不好，就是冗餘代碼比較多，不利於後期維護。二，js端封裝的ajaxrequest這個東西，對於習慣了用javascript的人來說，是一個不錯的選擇，它是裝上面所說的那種方法簡單的封裝了一下，做了統一的調用。感覺不錯，代碼挺多的就不貼出來了，大家可以到google搜ajaxrequest。//ajaxrequest.js裡面有一個這個方法這個方法是供view端調用的介面，介面可以有多個，根據情況自己加function ajax_action_fun(url,fun) { var ajax=new AJAXRequest; ajax.get( url, function(obj){alert(obj.responseText);fun()} ); } //html裡面調用這個介面 get_shop_son_list //是回調後執行的方法名 ajax_action_fun("../ajax/shop_ajax.php?type=1",get_shop_list); function get_shop_list(resValue){ //這里就是你要的操作 }個人分析：它彌補了第一種方法的不足，統一調用介面，可以設置回調函數，缺點如果有的話，不在ajaxrequest本身而在於javascript，舉個例子吧javascript：如果我想調用ajax_action_fun這個方法我要在html里加個東西顯示店jquery:用它可以盡量把js和html分開，這對於後期維護是很幫助的，會節省很多時間，例如，全站換html；$(".showshop").bind("click", {url: "../ajax/shop_ajax.php?type=1",function:get_shop_list}, ajax_action_fun); 這樣就可以不用在html裡面寫onclick事件了三，jquery的ajax1)$.ajax({ type: "POST", url: "test.php", //調用的php文件 data: "name=zhang", success: function(msg){ �0�2�0�2�0�2�0�2�0�2�0�2//回調函數 alert( "Data Saved: " + msg ); �0�2�0�2�0�2 //這里是操作 } });2）//調用test.php文件，傳個參數，data是返回的數據 $.post("test.php", { name: "zhang"}, function(data){ alert("Data Loaded: " + data); }); 現在我基本上用jquery了，哈哈。 轉載請註明作者:海底蒼鷹