快捷導(dǎo)航

jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見方式總結(jié)

更新時(shí)間：2019年05月28日 11:17:53 作者：輕舞肥羊

這篇文章主要介紹了jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見方式,結(jié)合實(shí)例形式總結(jié)分析了jQuery實(shí)現(xiàn)ajax請(qǐng)求常用的load()、post()、get()及Ajax()方法相關(guān)操作技巧,需要的朋友可以參考下

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

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

1. 用jquery 的 load() 方法實(shí)現(xiàn)ajax請(qǐng)求
2. 用jquery 的 post() ,get() 方法
3. 用jquery 的 Ajax() 方法，這個(gè)最強(qiáng)悍.

1. 用jquery 的 load() 方法實(shí)現(xiàn)ajax請(qǐng)求

格式如下:

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

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

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

其實(shí)這也就是對(duì)應(yīng) http 請(qǐng)求中的 POST,GET,

基本格式如下

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

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

3. 用jquery 的 Ajax() 方法

這個(gè)估計(jì)也是一般項(xiàng)目中最常見的請(qǐng)求方法了，因?yàn)樗墓δ茏顝?qiáng)大，能完成各種需求的ajax請(qǐng)求:

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

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

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

基本格式如下：

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

這些東西不需要死記硬背，知道有這么個(gè)東西就行了，用的時(shí)候拿出來參考下就好了，jquery的ajax請(qǐng)求就這么幾種方式，看實(shí)際情況自己選擇采用哪種方式.

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery中Ajax用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: