這篇文章將為大家詳細講解有關jquery如何實現Ajax請求,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:申請域名、雅安服務器托管、營銷軟件、網站建設、江海網站維護、網站推廣。
本文實例講述了jquery實現Ajax請求的幾種常見方式。分享給大家供大家參考,具體如下:
用原生的javascript開發(fā)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" 是要加載內容的區(qū)域 /myrequest/url/param 是你要請求的服務端的 URL. 一旦得到結果,就會把服務端返回的內容顯示在 mydiv 區(qū)域中.
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 這些事件發(fā)生時的回調函數
可以用參數來指定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是一個簡潔而快速的JavaScript庫,它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器,并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫,能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫,以便快速開發(fā)網站。
關于“jquery如何實現Ajax請求”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
當前標題:jquery如何實現Ajax請求
轉載源于:http://bm7419.com/article18/jcesdp.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供自適應網站、App設計、App開發(fā)、網站策劃、軟件開發(fā)、微信公眾號
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)