最近在做一个用jquery ajax 做增删改查的例子,没有用服务器控件,用js动态拼接出一个table然后把数据显示出来,到网上找了些资料,提到做修改和删除功能时是这样子写的:
先是这样写:"<td class='point' id='Edit' onclick='Modify(json[i].testID)'>编辑</td>"
然后再这样写 function Modify(id) {
//这里把id用ajax的方式传到后台
}
这样写能够实现相应的功能,但我想的是如果不在td中指定OnClick事件需要调用的函数,而是这样写
- JScript code
<script type="text/javascript"> $(function () { $("#Edit").click(function () { //这里应该怎么传递参数到后台? }) })
希望大家能帮帮忙,多谢了!
------解决方案--------------------------------------------------------
- JScript code
$(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
------解决方案--------------------------------------------------------
如果不想把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 code
<!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>
------解决方案--------------------------------------------------------
- XML code
$(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); } }) } });