如何實現(xiàn)Ajax疊加

這篇文章將為大家詳細(xì)講解有關(guān)如何實現(xiàn)Ajax疊加，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)秉承實現(xiàn)全網(wǎng)價值營銷的理念，以專業(yè)定制企業(yè)官網(wǎng)，成都網(wǎng)站設(shè)計、網(wǎng)站制作、外貿(mào)營銷網(wǎng)站建設(shè)，成都小程序開發(fā)，網(wǎng)頁設(shè)計制作，成都做手機網(wǎng)站，成都營銷網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理，匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對客戶都以感恩的心態(tài)奉獻自己的專業(yè)和所長。

最近在做人事管理系統(tǒng)的一個簽到功能，首先是把部門當(dāng)做參數(shù)，把參數(shù)用Ajax發(fā)送到數(shù)據(jù)庫進行查詢，然后以表格形式動態(tài)生成員工信息到返回頁面的Div里，表格最后的一列是簽到按鈕，這時我想用JQuery繼續(xù)獲取被點擊的“簽到”按鈕，然后用Ajax將數(shù)據(jù)發(fā)送到數(shù)據(jù)庫簽到表，更新簽到表，于是我就把每個簽到按鈕的id屬性設(shè)置成第一次Ajax返回的每個員工信息的工號，再次用JQuery獲取，怎么獲取呢？想到了標(biāo)簽加事件選擇器，于是寫了下面代碼：

 代碼如下:

$(function(){
$("tr input:button").click(){
$.ajax({
type: "POST",
url: "page_helper.ashx",
data: "name=K&pid" + $(this).attr("id"),
success: function (html) {
$("#ReturnHTML").html(html);
},
error: function () {
alert("服務(wù)器繁忙，請稍后再試！");
}
});
}
});

可是后來點擊卻發(fā)現(xiàn)沒有獲取到點擊事件，點擊按鈕根本就沒有反應(yīng)，當(dāng)我用瀏覽器查看返回的源碼的時候，發(fā)現(xiàn)原來Ajax返回的HTML代碼根本就沒有被添加到頁面中，這回怎么辦呢？后來去百度里檢索了半天，都說Ajax返回的數(shù)據(jù)無法用瀏覽器查看到源碼，因為是異步的，檢索了一天，頭又大又疼，于是就晚上了，每次遇到大的問題，就趕緊睡覺，在夢中想實現(xiàn)方法，這樣一方面可以休息，另一方面也可以解決問題，一般的時候第二天問題都會有答案，也都能實現(xiàn)。

第二天早晨醒來，思路還是沒有，我想這次應(yīng)該是大問題了，是不是我想要實現(xiàn)的不可能實現(xiàn)呢？百度里幾乎沒有用兩次Ajax請求的，無奈之下在QQ空間發(fā)布了懸賞求助，懸賞是宴請三天三夜，后來終于我偉大的高中同學(xué)給了我?guī)椭?，?dāng)然不是因為懸賞才幫助我的，哈哈哈。

高中同學(xué)是這么說的，Jquery中有個live方法，可以獲取動態(tài)生成的HTML代碼元素，后來我就把live方法敲了進去，看了有三個參數(shù)event,data,function;于是查看了Jquery的幫助文檔。
event：必需，規(guī)定附加到元素的一個或多個事件，由空格分隔多個事件。必須是有效的事件。
data：可選，規(guī)定傳遞到該函數(shù)的額外數(shù)據(jù)。
function：必需，規(guī)定當(dāng)前事件發(fā)生時運行的函數(shù)。

這時的我這時大旱逢甘霖啊，于是寫下下面代碼：

復(fù)制代碼 代碼如下:

$(function(){
$("tr input:button").live("click", function () {
$.ajax({
type: "POST",
url: "page_helper.ashx",
data: "name=JS&pid=" + $(this).attr("id") + jsparam(),
success: function (html) {
alert(html);
},
error: function () {
alert("服務(wù)器繁忙，請稍后再試！");
});
}
});

關(guān)于“如何實現(xiàn)Ajax疊加”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當(dāng)前題目：如何實現(xiàn)Ajax疊加
當(dāng)前網(wǎng)址：http://muchs.cn/article30/jopepo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站導(dǎo)航、品牌網(wǎng)站設(shè)計、網(wǎng)站內(nèi)鏈、服務(wù)器托管、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)