Ajax叠加（Ajax返回数据用Ajax发出）

最近在做人事管理系统的一个签到功能，首先是把部门当做参数，把参数用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标签代替按钮，跳转到另一界面，操作起来太麻烦了，哪个用户见到这样的效果都会恶心至极，同学这样的帮助岂三天三夜的宴请足矣？

Ajax叠加（Ajax返回数据用Ajax发出）相关推荐

ajax顺序请求你,ajax请求之返回数据的顺序问题分析
这篇文章主要介绍了ajax请求之返回数据的顺序问题,结合实例形式分析了ajax请求返回值的排序问题,需要的朋友可以参考下本文实例分析了ajax请求之返回数据的顺序问题.分享给大家供大家参考,具体如下 ...
ajax返回的数据有问题,ajax请求成功返回数据，转成数组后，for遍历取不到值的有关问题...
当前位置:我的异常网» Ajax » ajax请求成功返回数据,转成数组后,for遍历取不到 ajax请求成功返回数据,转成数组后,for遍历取不到值的有关问题 www.myexceptions.ne ...
spring返回数据使用ajax,【spring 后台跳转前台】使用ajax访问的后台，后台正常执行，返回数据，但是不能进入前台的ajax回调函数中...
问题1: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中问题展示: 问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...
ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
ajax 返回数据null,ajax post 返回的数据是null
因为form提交的时候页面会自动提交到/apply 这个处理页面,返回JSON数据所以用ajax重定向到/applysuccess 重定向成功了可是数据怎么没提交成功的样子获取的时候看到都是nul ...
Django返回数据给ajax,Django返回JsonResponse并在ajax请求中捕获数据
这是我的观点. 我将JsonResponse返回到ajax请求,在这里从我的视图'line_product_total': total,和其他上下文捕获传入的数据def get(self, reque ...
ajax请求php返回xml数据格式,ajax传输的数据格式(XML,json)怎么获取解析
ajax传输数据格式 ajax传输XML XML介绍 XML 指可扩展标记语言EXtensible Markup Language,虽然格式和html类似,但是是用来传递数据的. 周杰伦 18 途牛 ...
ajax请求获取服务器数据,jquery.ajax发布从app引擎服务器获取数据的请求
为noob问题道歉...... 您好,如何使用jQuery.ajax从appengine服务器的Python端获取数据?我知道如何使用ajax和适当的处理程序将数据发送到服务器,但我想知道是否有人可以 ...
ajax 跨站返回值,jquery ajax 跨域问题
补充回答: 你的动态页只是一个请求页.例如你新建一个 get.asp 页面,用以下代码,在服务端实现像URL异步(ajax)请求,将请求结果输出.客户端页面再次用ajax(JS或者jquery的)向g ...

Ajax叠加（Ajax返回数据用Ajax发出）

Ajax叠加（Ajax返回数据用Ajax发出）相关推荐

最新文章

热门文章