jquery ajax 增删改查的有关问题-ASP.NET教程-爱易网页

jquery ajax 增删改查的有关问题

日期：2014-05-17　浏览次数：20552 次

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

------解决方案--------------------
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 (even

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery ajax 增删改查的有关问题

相关资料更多>

推荐阅读更多>