当前位置: 代码迷 >> ASP.NET >> jquery ajax 增删改查的有关问题
  详细解决方案

jquery ajax 增删改查的有关问题

热度:6330   发布时间:2013-02-25 00:00:00.0
jquery ajax 增删改查的问题
最近在做一个用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);                        }                    })                }            });
  相关解决方案