jquery如何實現(xiàn)Ajax請求

這篇文章將為大家詳細講解有關(guān)jquery如何實現(xiàn)Ajax請求，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

本文實例講述了jquery實現(xiàn)Ajax請求的幾種常見方式。分享給大家供大家參考，具體如下：

用原生的javascript開發(fā)ajax有著許多重復(fù)的代碼，當然你也可以封裝成可以復(fù)用的js代碼，但卻不一定那么通用。但jquery  提供的幾種AJAX請求的幾種方式，從簡單到復(fù)雜，有更多的選擇空間，下面總結(jié)幾種在項目中常用的jquery ajax請求的方式，由于AJAX 與語言不相關(guān)，所以省略后臺語言部分，重點放在前端。

1. 用jquery 的 load() 方法實現(xiàn)ajax請求
2. 用jquery 的 post() ,get() 方法
3. 用jquery 的 Ajax() 方法，這個最強悍.

1. 用jquery 的 load() 方法實現(xiàn)ajax請求

格式如下:

$('#mydiv').load('/myrequest/url/param')

這里的 "mydiv" 是要加載內(nèi)容的區(qū)域 /myrequest/url/param 是你要請求的服務(wù)端的 URL. 一旦得到結(jié)果，就會把服務(wù)端返回的內(nèi)容顯示在 mydiv 區(qū)域中.

2. 用jquery 的 post() ,get() 方法

其實這也就是對應(yīng) http 請求中的 POST,GET,

基本格式如下

$post('/myrequest/url/param',
     {
      text:"mytext",
      other:"other_param"
     },
      // 調(diào)用服務(wù)端成功后的回調(diào)函數(shù)
      function(){
       alert('succeccd');
     }
)

$get 的操作方式類似.就不在多說了.

3. 用jquery 的 Ajax() 方法

這個估計也是一般項目中最常見的請求方法了，因為他的功能最強大，能完成各種需求的ajax請求:

可以指定返回的類型: xml,html,或者json 格式

可以指定 beforeSend,error,success,complete 這些事件發(fā)生時的回調(diào)函數(shù)

可以用參數(shù)來指定ajax 請求過期的時間，比如服務(wù)端沒有響應(yīng)等.

基本格式如下：

$.ajax({
    async:false,//同步，異步
    url:"/addjoke", //請求的服務(wù)端地址
    data:{
       content:mycontent,
       title:joketitle,
       d:Math.random()
       },
    type:"post",
    dataType:"text",
    success:function(data){
      //成功之后的處理，返回的數(shù)據(jù)就是 data
    }
    error:function(){
      alert('error'); //錯誤的處理
    }
  });

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網(wǎng)站。

關(guān)于“jquery如何實現(xiàn)Ajax請求”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。