jq 获取table元素，ajax 静态填加数据

知识点：

1.jq如何操作table->操作html内的元素

2. this 怎么使用

问题：

1.点击 修改 后，自动刷新了。判断取值，提示错误、正确出不来

2.ajax传值操作如何保密

html:

                <table class="table">
                    <tr>
                        <td>排序</td>
                        <td>名字</td>
                        <td>链接</td>
                        <td>操作</td>
                    </tr>
                @foreach (var m in Model) {
                     <tr>
                         <td><input name="si" value="@m.Si" /></td>
                         <td><input name="name" value="@m.Name"/></td>
                        <td><input name="src" value="@m.Src" /></td>
                        <td><a href="javascript:void(0)" onclick="up(this)" >修改</a>|<a href="/Json/Edit.aspx?action=pic&[email protected]" target="_blank">查看</a>|<a href="/Json/Index.ashx?action=delpic&[email protected]">删除</a></td>
                    </tr>
                }
                    <tr style="background:#808080">
                        <form action="/Json/Index.ashx?action=addpic" method="post">
                        <td><input name="si" /><input type="hidden" value="@ViewBag.Class" name="type" /></td>
                        <td><input name="name" /></td>
                        <td><input name="src" /></td>
                        <td><input type="submit"  class="btn btn-default" value="增加"/></td>
                        </form>
                    </tr>
                </table> 

如果点击修改:触发单击时间 Up(this)

<script type="text/javascript">
    function up(thisObj) {
        var $td = $(thisObj).parents("tr").children("td");
        var si = $td.eq(0).find("input").attr("value");
        var name = $td.eq(1).find("input").attr("value");
        var src = $td.eq(2).find("input").attr("value");
        var pic = "si=" + si + "&name=" + name + "&src=" + src;
        $.ajax({
            url: "/Json/Index.ashx",
            dataType: "Json",
            cache: false,
            data: pic,
            type: "Post",
            success: function (data) {
                if (data == 1)
                    alert("ok");
                else
                    alert("error");
            }
        })
    }
</script>

这样就能对现有数据静态修改了　

　至于删除、添加我就还是使用的跳转网页