快捷導(dǎo)航

jquery+ajax請(qǐng)求且?guī)Х祷刂档拇a

更新時(shí)間：2015年08月12日 08:47:57 投稿：hebedich

這兩天的工作內(nèi)容不多，基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡(jiǎn)單的ajax請(qǐng)求，并沒關(guān)注怎么獲取ajax返回值的問題。

現(xiàn)在比較流行使用jquery的ajax來實(shí)現(xiàn)一些無刷新請(qǐng)求效果，本章節(jié)提供一個(gè)非常簡(jiǎn)單的代碼實(shí)例供大家參考之用，希望能夠給需要的朋友帶來一定的幫助，代碼如下:

<script type="text/javascript">
/* 請(qǐng)求Ajax 帶返回值，并彈出提示框提醒 
--------------------------------------------------*/ 
function getAjax(url,parm,callBack) 
{ 
 $.ajax({ 
  type:'post', 
  dataType:"text", 
  url:url, 
  data:parm, 
  cache:false, 
  async:false, 
  success:function (msg) { 
   callBack(msg); 
  } 
 }) 
} 
/*刪除 
/*url: 表示請(qǐng)求路徑 
--------------------------------------------------*/ 
function DeleteData(url,id) 
{ 
 var parm='active=Del&id='+id; 
 if(id==undefined||id=="") 
 { 
  showAlertMsg('請(qǐng)選擇要?jiǎng)h除一行'); 
 } 
 else 
 { 
  showConfirmMsg("此操作不可恢復(fù)，確定要?jiǎng)h除嗎？",function(r){ 
   if(r)
   { 
    getAjax(url,parm,function(rs) 
    { 
     if(parseInt(rs)>0) 
     { 
      showOverAlertMsg("刪除成功！",2000,4); 
     } 
     else if(parseInt(rs) == 0) 
     { 
      showOverAlertMsg("該數(shù)據(jù)被關(guān)聯(lián),無法刪除！",2000,3); 
     } 
     else 
     { 
      showOverAlertMsg("刪除失?。?, 2000, 5); 
     } 
    }) 
   } 
  }) 
 } 
} 
//刪除 
function DeleteOnclick() 
{ 
 DeleteData('SysMenu_List.aspx', Menu_Id); 
} 
</script>

async是asynchronous[異步]的縮寫，它是一個(gè)bool值默認(rèn)為true。當(dāng)async為true時(shí)，先不管ajax請(qǐng)求是否完成都要向下執(zhí)行。同步請(qǐng)求要臨時(shí)鎖定瀏覽器，當(dāng)請(qǐng)求正在執(zhí)行時(shí)不執(zhí)行任何動(dòng)作。

描述下這兩天要實(shí)現(xiàn)的功能，判斷一個(gè)數(shù)據(jù)數(shù)據(jù)庫(kù)里是否存在，如果存在就返回錯(cuò)誤，不存在就可以填寫并提交。代碼如下：

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkCompany/name/' + name,
      cache: false,
      success: function(data){
         return data > 0 ? false : true;
      }
     })
  }
}

通過上面的代碼，一直無法正確的反應(yīng)數(shù)據(jù)庫(kù)里是否已經(jīng)有了這個(gè)名字。通過下了個(gè)全局變量，將async（默認(rèn)為true）異步改成同步，就順利得到了ajax的返回值。代碼如下

isCompany :function(name){
  var flag = 0;
  if(name == '') {
    return false;
  }else{
    $.ajax({
      type: "POST",
      url: '/checkName/name/' + name,
      cache: false,
      async: false,
      success: function(data){
        flag = data;
      }
    })
  }
  return flag > 0 ? false : true;
}

以上就是利用jquery中的ajax提交數(shù)據(jù)然后由網(wǎng)站后臺(tái)來根據(jù)我們提交的數(shù)據(jù)返回?cái)?shù)據(jù)的內(nèi)容了，希望對(duì)大家學(xué)習(xí)ajax有所幫助。

您可能感興趣的文章: