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

时间:2023-03-08 16:48:18

知识点:

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

2. this 怎么使用

问题:

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

2.ajax传值操作如何保密

html:

            <div class="panel-body">
                <table class="table">
                    <tr>
                        <td>排序</td>
                        <td>名字</td>
                        <td>链接</td>
                        <td>操作</td>
                    </tr>
                @foreach (var m in Model) {
                     <tr>
                         <td><input  id="@m.Id" 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="javascript:void(0)" onclick="del(@m.Id)">删除</a></td>
                    </tr>
                }
                    <tr style="background:#808080">
                        <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" onclick="add(this)" value="增加"/></td>
                    </tr>
                </table>
                <h3>循环图片请用规格:1920×500</h3>
                <h3>新闻导航请用规格:384×214</h3>
                <h3>公司文化请用规格:440×227</h3>
            </div>

  

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

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

function cateDel(thisObj) {
    var $td = $(thisObj).parents("tr").children("td");
    var id = $td.eq(1).text();
    var url = "/Json/New.ashx";
    var data = "class=delcate&id=" + id;
    ajaxCate(url, data);
}
function upCate(thisObj) {
    var $td = $(thisObj).parents("tr").children("td");
    var id = $td.eq(1).text();
    var catepid = $td.eq(2).find("input").val();
    var catename = $td.eq(3).find("input").val();
    var url = "/Json/New.ashx";
    var data = "class=upcate&id=" + id + "&catepid=" + catepid + "&catename=" + catename;
    ajaxCate(url, data);
}
function AddCate() {
    var catename = $("#catename").val();
    var catepid = $("#catepid").val();
    var url = "/Json/New.ashx";
    var data = "class=addcate&catename=" + catename + "&catepid=" + catepid;
    ajaxCate(url, data);
}
function ajaxCate(ajaxUrl, ajaxDate) {
    $.ajax({
        url: ajaxUrl,
        dataType: "Json",
        data: ajaxDate,
        success: function (data) {
            if (data == 1) {
                alert("操作成功");
                location.reload();
            } else {
                alert("操作失败" + data);
            }
        }
    }
    )
}