jquery+ajax請(qǐng)求且?guī)Х祷刂档拇a
現(xiàn)在比較流行使用jquery的ajax來(lái)實(shí)現(xiàn)一些無(wú)刷新請(qǐng)求效果,本章節(jié)提供一個(gè)非常簡(jiǎn)單的代碼實(shí)例供大家參考之用,希望能夠給需要的朋友帶來(lái)一定的幫助,代碼如下:
<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),無(wú)法刪除!",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; } }) } }
通過(guò)上面的代碼,一直無(wú)法正確的反應(yīng)數(shù)據(jù)庫(kù)里是否已經(jīng)有了這個(gè)名字。通過(guò)下了個(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)來(lái)根據(jù)我們提交的數(shù)據(jù)返回?cái)?shù)據(jù)的內(nèi)容了,希望對(duì)大家學(xué)習(xí)ajax有所幫助。
相關(guān)文章
jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
基于jquery實(shí)現(xiàn)表格內(nèi)容篩選,本文采用兩種方式實(shí)現(xiàn),感興趣的朋友可以參考下哈,希望對(duì)你學(xué)習(xí)jquery篩選有所幫助2013-04-04webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09jQuery Password Validation密碼驗(yàn)證
這篇文章主要介紹了jQuery Password Validation密碼驗(yàn)證的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12jquery下jstree簡(jiǎn)單應(yīng)用 - v1.0
jquery下jstree簡(jiǎn)單應(yīng)用,學(xué)習(xí)jstree的朋友可以參考下。2011-04-04jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對(duì)jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
通過(guò)過(guò)濾器可以獲取特定的表單元素,如非輸入項(xiàng)目或者單選按鈕的已選項(xiàng)目等元素,可用的2011-07-07詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())
這篇文章主要介紹了詳細(xì)解讀Jquery各Ajax函數(shù)($.get(),$.post(),$.ajax(),$.getJSON())的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08