現在比較流行使用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有所協助。