最近在做一个用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 () {
//这里应该怎么传递参数到后台?
})
}) 希望大家能帮帮忙,多谢了!
//这里把id用ajax的方式传到后台
}这样写能够实现相应的功能,但我想的是如果不在td中指定OnClick事件需要调用的函数,而是这样写
<script type="text/javascript">
$(function () {
$("#Edit").click(function () {
//这里应该怎么传递参数到后台?
})
}) 希望大家能帮帮忙,多谢了!
解决方案 »
- lucene.net 建立索引时候从文档中提取内容效率的算法问题
- 13天!大家帮我判断下我能做完吗?该如何才能做完?
- web 套打该怎么实现
- 请帮忙解决 就10分了 完后在加100!!!一定不失言!!
- 在VB.Net中怎样引用自定义的dll?
- 做了倒计时功能,点击空格触发事件开始倒计时,为什么会延时个几秒,请帮忙看看
- 新手赶时间:如何从数据库中读数据出来用datalist显示------在线
- 哎!有人愿意回答我的问题么?!
- 为什么我的2000server,不能显示aspx啊??
- 各位大侠进来看看!!!!
- .NET获取用户mac地址是否可行?能否穿透代理获取真实IP?
- 关于无刷新上传(处理上传结果)的问题。
$("#Edit").click(function () {
var url = "后台页处理面地址";
var params = { "Command": "Edit", "Id": 1 }; //构造一个参数
$.post(url, params, function (res) {
var result = $.parseJSON(res);
alert(result.message);
});
})
}) protected void Page_Load(object sender, EventArgs e) { string command = Request["Command"]; //接受前台提交的命令
if (command != null) {
Response.ContentType = "text/plain";
Response.ContentEncoding = Encoding.UTF8;
switch (command) {
case "Edit":
string id = Request["Id"];//获取id
//执行代码 Response.Write("{message:'操作成功!'}");//构造一个json,或者要简单直接写个字符串 '操作成功'输出也可以 break; }
try {
Response.End();//输入结果,并终止
} catch {
//这里可能会引发一个线程终止的异常,不用管它
}
} }
参考http://www.cnblogs.com/myaspnet/archive/2010/11/12/1876101.html
$("#Edit").click(function () {
var id = $(this).attr("keyid");
Modify(id);
});
})
<!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>