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-04
webpack中引用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-06
jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09
jQuery Password Validation密碼驗(yàn)證
這篇文章主要介紹了jQuery Password Validation密碼驗(yàn)證的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
jquery下jstree簡(jiǎn)單應(yīng)用 - v1.0
jquery下jstree簡(jiǎn)單應(yīng)用,學(xué)習(xí)jstree的朋友可以參考下。2011-04-04
jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對(duì)jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06
jquery中通過(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

