jquery如何實現Ajax請求

這篇文章將為大家詳細講解有關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是什么

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)

h5響應式網站建設