快捷導(dǎo)航

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

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

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

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

<script type="text/javascript">
/* 請求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: 表示請求路徑 
--------------------------------------------------*/ 
function DeleteData(url,id) 
{ 
 var parm='active=Del&id='+id; 
 if(id==undefined||id=="") 
 { 
  showAlertMsg('請選擇要刪除一行'); 
 } 
 else 
 { 
  showConfirmMsg("此操作不可恢復(fù)，確定要刪除嗎？",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[異步]的縮寫，它是一個bool值默認(rèn)為true。當(dāng)async為true時，先不管ajax請求是否完成都要向下執(zhí)行。同步請求要臨時鎖定瀏覽器，當(dāng)請求正在執(zhí)行時不執(zhí)行任何動作。

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

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ù)庫里是否已經(jīng)有了這個名字。通過下了個全局變量，將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)站后臺來根據(jù)我們提交的數(shù)據(jù)返回數(shù)據(jù)的內(nèi)容了，希望對大家學(xué)習(xí)ajax有所幫助。

您可能感興趣的文章: