jquery ajax 增删改查的问题
最近在做一个用jquery ajax 做增删改查的例子，没有用服务器控件，用js动态拼接出一个table然后把数据显示出来，到网上找了些资料，提到做修改和删除功能时是这样子写的:
先是这样写："<td class='point' id='Edit' onclick='Modify(json[i].testID)'>编辑</td>"
然后再这样写 function Modify(id) {
//这里把id用ajax的方式传到后台
}
这样写能够实现相应的功能，但我想的是如果不在td中指定OnClick事件需要调用的函数，而是这样写
<script type="text/javascript"> $(function () { $("#Edit").click(function () { //这里应该怎么传递参数到后台？ }) }) $(function () { $("#Edit").click(function () { var url = "后台页处理面地址"; var params = { "Command": "Edit", "Id": 1 }; //构造一个参数 $.post(url, params, function (res) { var result = $.parseJSON(res); alert(result.message); }); }) })
[解决办法]
jquery+ajax+ashx
参考http://www.cnblogs.com/myaspnet/archive/2010/11/12/1876101.html
[解决办法]
如果不想把click事件写到td里面，那就要把那个id做为td的一个属性先存在起来，如
"<td class='point' id='Edit' keyid='" + json[i].testID + "'>编辑</td>"
然后再获取的
$(function () {
$("#Edit").click(function () {
var id = $(this).attr("keyid");
Modify(id);
})；
})
[解决办法]
http://www.cnblogs.com/linji/archive/2012/03/22/2411058.html
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <title>demo</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script> <!-- $().ready(function() { $("#list tr").click(function() { Modify($(this).attr("id")); }); function Modify(id) { alert(id); } }); --> </script> </head> <body> <table id="list"> <tr id="1"><td>aaaaa</td></tr> <tr id="2"><td>bbbbb</td></tr> <tr id="3"><td>ccccc</td></tr> <tr id="4"><td>ddddd</td></tr> <tr id="5"><td>eeeee</td></tr> <table> </body><html>
[解决办法]
$(function () { if (UserId.length <= 0) HasId = false; else HasId = true; $("#btnSearch").click(Search); BindKeyPress($("input[name='UserName']"), 13, Search); $("#btnAccept").click(function (eventArgs) { if (confirm("确定？")) { AjaxStart(); $.ajax({ type: "post", url: AbsolutePath, datatype: "json", data: { IsPassed: 'true', IsAjax: 'true', CashApplyId: CashApplyId }, success: function (data) { AjaxEnd(); data = eval("(" + data + ")"); alert(data.message); if (data.result == 'true') GoBack(); }, error: function (msg) { AjaxEnd(); alert(msg); } }) } });
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> <title>demo</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script> <!-- $().ready(function() { $("[id*='edit_']").click(function() { Modify($(this).attr("id").slice(5)); }); function Modify(id) { alert(id); } }); --> </script> </head> <body> <table> <tr><td>aaaaa</td><td><a href="javascript:void(0);" id="edit_1">编辑</a></td></tr> <tr><td>bbbbb</td><td><a href="javascript:void(0);" id="edit_2">编辑</a></td></tr> <tr><td>ccccc</td><td><a href="javascript:void(0);" id="edit_3">编辑</a></td></tr> <tr><td>ddddd</td><td><a href="javascript:void(0);" id="edit_4">编辑</a></td></tr> <tr><td>eeeee</td><td><a href="javascript:void(0);" id="edit_5">编辑</a></td></tr> </table> </body><html>
[解决办法]
如果你的页面只有一个编辑按钮，那上面给出的都可以，如果每行记录都有一个编辑按钮那只有6楼的是正解，直接用td的$("#id")都不可取，table下面那么多td不能每个td都写一个click事件