标签：
知识点：
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&class=@m.Id" target="_blank">查看</a>|<a href="/Json/Index.ashx?action=delpic&class=@m.Id">删除</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>
这样就能对现有数据静态修改了
至于删除、添加我就还是使用的跳转网页
标签：
原文地址：http://www.cnblogs.com/0to9/p/5003054.html
