Ajax疊加(Ajax返回數據用Ajax發出)示例代碼
2024-09-01 08:28:56
供稿：網友
最近在做人事管理系統的一個簽到功能，首先是把部門當做參數，把參數用Ajax發送到數據庫進行查詢，然后以表格形式動態生成員工信息到返回頁面的Div里，表格最后的一列是簽到按鈕，這時我想用JQuery繼續獲取被點擊的“簽到”按鈕，然后用Ajax將數據發送到數據庫簽到表，更新簽到表，于是我就把每個簽到按鈕的id屬性設置成第一次Ajax返回的每個員工信息的工號，再次用JQuery獲取，怎么獲取呢？想到了標簽加事件選擇器，于是寫了下面代碼：
代碼如下:
$(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("服務器繁忙，請稍后再試！");
}
});
}
});
可是后來點擊卻發現沒有獲取到點擊事件，點擊按鈕根本就沒有反應，當我用瀏覽器查看返回的源碼的時候，發現原來Ajax返回的HTML代碼根本就沒有被添加到頁面中，這回怎么辦呢？后來去百度里檢索了半天，都說Ajax返回的數據無法用瀏覽器查看到源碼，因為是異步的，檢索了一天，頭又大又疼，于是就晚上了，每次遇到大的問題，就趕緊睡覺，在夢中想實現方法，這樣一方面可以休息，另一方面也可以解決問題，一般的時候第二天問題都會有答案，也都能實現。
第二天早晨醒來，思路還是沒有，我想這次應該是大問題了，是不是我想要實現的不可能實現呢？百度里幾乎沒有用兩次Ajax請求的，無奈之下在QQ空間發布了懸賞求助，懸賞是宴請三天三夜，后來終于我偉大的高中同學給了我幫助，當然不是因為懸賞才幫助我的，哈哈哈。
高中同學是這么說的，Jquery中有個live方法，可以獲取動態生成的HTML代碼元素，后來我就把live方法敲了進去，看了有三個參數event,data,function;于是查看了Jquery的幫助文檔。
event：必需，規定附加到元素的一個或多個事件，由空格分隔多個事件。必須是有效的事件。
data：可選，規定傳遞到該函數的額外數據。
function：必需，規定當前事件發生時運行的函數。
這時的我這時大旱逢甘霖啊，于是寫下下面代碼：
代碼如下:
$(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("服務器繁忙，請稍后再試！");
});
}
});
這次奇跡出現了，Ajax返回的按鈕單擊事件被獲取到了，下面的Ajax異步過程也調用成功了，那種喜悅不能言表。
如果我放棄了這次求助，以后遇到同樣的問題，我可能換一種思路，會用a標簽代替按鈕，跳轉到另一界面，操作起來太麻煩了，哪個用戶見到這樣的效果都會惡心至極，同學這樣的幫助豈三天三夜的宴請足矣？
