jquery ajax 增删改查的问题

wyumening 2012-09-19 08:58:02

最近在做一个用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 () {

               //这里应该怎么传递参数到后台？

           })

        })

希望大家能帮帮忙，多谢了！

...全文

761 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

a_865026435 2013-10-31

打赏
举报

我没看明白。真心求一个Java web+servlet+juqery的增删改查，我这表示感谢！

paulmikemuncy 2013-04-21

打赏
举报

好的，我喜欢的，最好以后可以改善一下，让大家都来看看，你说阿是！

paulmikemuncy 2013-04-21

打赏
举报

我喜欢，蛮好的

EnForGrass 2012-09-20

打赏
举报

jquery+ajax+ashx
参考http://www.cnblogs.com/myaspnet/archive/2010/11/12/1876101.html

應燁軍 2012-09-20

打赏
举报

       $(function () {

                $("#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 {

                //这里可能会引发一个线程终止的异常,不用管它

            }

        }



    }

peng_hai_bo 2012-09-20

打赏
举报

如果你的页面只有一个编辑按钮，那上面给出的都可以，如果每行记录都有一个编辑按钮那只有6楼的是正解，直接用td的$("#id")都不可取，table下面那么多td不能每个td都写一个click事件

zarm.design 2012-09-20

打赏
举报



<!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>

xdq025 2012-09-20

打赏
举报

[code=XML]
$(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);
}
})

}
});
[/Code]

zarm.design 2012-09-20

打赏
举报



<!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>

zarm.design 2012-09-20

打赏
举报

#Edit 不能用了，不是唯一的了

zarm.design 2012-09-20

打赏
举报

http://www.cnblogs.com/linji/archive/2012/03/22/2411058.html

zhujiazhi 2012-09-20

打赏
举报

如果不想把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);
})；
})