現在比較流行使用jquery的ajax來實現一些無刷新請求效果,本章節提供一個非常簡單的代碼實例供大家參考之用,希望能夠給需要的朋友帶來一定的幫助,代碼如下:
<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("此操作不可恢復,確定要刪除嗎?",function(r){    if(r)   {     getAjax(url,parm,function(rs)     {      if(parseInt(rs)>0)      {       showOverAlertMsg("刪除成功!",2000,4);      }      else if(parseInt(rs) == 0)      {       showOverAlertMsg("該數據被關聯,無法刪除!",2000,3);      }      else      {       showOverAlertMsg("刪除失敗!", 2000, 5);      }     })    }   })  } } //刪除 function DeleteOnclick() {  DeleteData('SysMenu_List.aspx', Menu_Id); } </script>async是asynchronous[異步]的縮寫,它是一個bool值默認為true。當async為true時,先不管ajax請求是否完成都要向下執行。同步請求要臨時鎖定瀏覽器,當請求正在執行時不執行任何動作。
描述下這兩天要實現的功能,判斷一個數據數據庫里是否存在,如果存在就返回錯誤,不存在就可以填寫并提交。代碼如下:
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;      }     })  }}通過上面的代碼,一直無法正確的反應數據庫里是否已經有了這個名字。通過下了個全局變量,將async(默認為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提交數據然后由網站后臺來根據我們提交的數據返回數據的內容了,希望對大家學習ajax有所幫助。
新聞熱點
疑難解答