本文實例講述了jquery實現Ajax請求的幾種常見方式。分享給大家供大家參考,具體如下:
用原生的javascript開發ajax有著許多重復的代碼,當然你也可以封裝成可以復用的js代碼,但卻不一定那么通用。但jquery 提供的幾種AJAX請求的幾種方式,從簡單到復雜,有更多的選擇空間,下面總結幾種在項目中常用的jquery ajax請求的方式,由于AJAX 與語言不相關,所以省略后臺語言部分,重點放在前端。
1. 用jquery 的
load()
方法實現ajax請求
2. 用jquery 的post()
,get()
方法
3. 用jquery 的Ajax()
方法,這個最強悍.
1. 用jquery 的 load() 方法實現ajax請求
格式如下:
$('#mydiv').load('/myrequest/url/param')
這里的 "mydiv" 是要加載內容的區域 /myrequest/url/param 是你要請求的服務端的 URL. 一旦得到結果,就會把服務端返回的內容顯示在 mydiv 區域中.
2. 用jquery 的 post() ,get() 方法
其實這也就是對應 http 請求中的 POST,GET,
基本格式如下
$post('/myrequest/url/param', { text:"mytext", other:"other_param" }, // 調用服務端成功后的回調函數 function(){ alert('succeccd'); })
$get 的操作方式類似.就不在多說了.
3. 用jquery 的 Ajax() 方法
這個估計也是一般項目中最常見的請求方法了,因為他的功能最強大,能完成各種需求的ajax請求:
可以指定返回的類型: xml,html,或者json 格式
可以指定 beforeSend,error,success,complete 這些事件發生時的回調函數
可以用參數來指定ajax 請求過期的時間,比如服務端沒有響應等.
基本格式如下:
$.ajax({ async:false,//同步,異步 url:"/addjoke", //請求的服務端地址 data:{ content:mycontent, title:joketitle, d:Math.random() }, type:"post", dataType:"text", success:function(data){ //成功之后的處理,返回的數據就是 data } error:function(){ alert('error'); //錯誤的處理 } });
這些東西不需要死記硬背,知道有這么個東西就行了,用的時候拿出來參考下就好了,jquery的ajax請求就這么幾種方式,看實際情況自己選擇采用哪種方式.
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jquery中Ajax用法總結》、《jQuery擴展技巧總結》、《jQuery常用插件及用法總結》、《jQuery常見經典特效匯總》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
新聞熱點
疑難解答