jquery+ajax請求且?guī)Х祷刂档拇a
現(xiàn)在比較流行使用jquery的ajax來實(shí)現(xiàn)一些無刷新請求效果,本章節(jié)提供一個(gè)非常簡單的代碼實(shí)例供大家參考之用,希望能夠給需要的朋友帶來一定的幫助,代碼如下:
<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[異步]的縮寫,它是一個(gè)bool值默認(rèn)為true。當(dāng)async為true時(shí),先不管ajax請求是否完成都要向下執(zhí)行。同步請求要臨時(shí)鎖定瀏覽器,當(dāng)請求正在執(zhí)行時(shí)不執(zhí)行任何動作。
描述下這兩天要實(shí)現(xiàn)的功能,判斷一個(gè)數(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)有了這個(gè)名字。通過下了個(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)站后臺來根據(jù)我們提交的數(shù)據(jù)返回?cái)?shù)據(jù)的內(nèi)容了,希望對大家學(xué)習(xí)ajax有所幫助。
相關(guān)文章
jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
基于jquery實(shí)現(xiàn)表格內(nèi)容篩選,本文采用兩種方式實(shí)現(xiàn),感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)jquery篩選有所幫助2013-04-04
webpack中引用jquery的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄獁ebpack中引用jquery的簡單實(shí)現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)用戶信息表格的添加和刪除功能,代碼簡單易懂,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-09-09
jQuery Password Validation密碼驗(yàn)證
這篇文章主要介紹了jQuery Password Validation密碼驗(yàn)證的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
jquery下jstree簡單應(yīng)用 - v1.0
jquery下jstree簡單應(yīng)用,學(xué)習(xí)jstree的朋友可以參考下。2011-04-04
jQuery之a(chǎn)jax技術(shù)的詳細(xì)介紹
本篇文章是對jQuery中的ajax技術(shù)進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06
jquery中通過過濾器獲取表單元素的實(shí)現(xiàn)代碼
通過過濾器可以獲取特定的表單元素,如非輸入項(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)資料,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08

