Ajax完整结构和删除

Posted 2020-08-19 zhangdandan1

1、ajax完整结构

注意：（1）最后一个没有","

         （2）ajax对网速要求高，最好有各种提示和使用按钮（可使其失效，防止重复加载）

  $.ajax({
            url: "ajax/tian.ashx",//连接的服务端
            data: { "ncode": dd },//提交的数据
            type: "post",//提交的方式
            dataType: "json",//返回的数据类型
            success: function (data) {},//返回数据、没有错误执行的代码
            error: function () { },//出错时执行的代码，一般是：服务端连接失败
            beforeSend: function () {},//没返回数据时执行的代码，可以用来防止重复提交（让控件失效）
            complete: function () { }//没出错并数据返回后执行，一般不使用，可以把返回数据要执行的语句写在success中
        });//ajax

 2、删除

 //动态添加删除
 ss += "<td><a href=\"#\" class=\"del\" un=\"" + data[i].usersname + "\" >删除</a></td>";
//动态添加使用未来元素
 $(".del").live("click", function () {
        var ok = confirm("是否要删除这条信息？");
        if (ok == false) {
            return false;
        }
        var names = $(this).attr("un");
        var namec = $(this);//在ajax中不能直接使用this
        $.ajax({
            url: "ajax/delete.ashx",
            data: { "uname": names },
            type: "post",
            dataType: "json",
            success: function (aa) {
                if (aa.has == "0") {
                    alert("删除失败！");
                }
                else {
                    alert("成功！");
                    yhm = "";
                    xb = "0";
                    mz = "0";
                    hanshu("1", pag, yhm, xb, mz);
                    $("#CurrentPage").text("1");
                    zong(yhm, xb, mz);
                    $("#JumpTo_Drop").val("1");
                    $("#TextBox1").val("");
                    $("#DropDownList1").val("0");
                    $("#DropDownList2").val("0");
                }
            },//success
            error: function () { alert("连接服务端失败！"); },
            beforeSend: function () {
                namec.text("加载中...");
            },
            complete: function () { namec.text("删除"); }
        });//ajax
    });

3、属性扩展

在一般处理程序中拼语句时可属性扩展

性别扩展：u.sex.value?"男":"女"

民族等有外键关系的可直接点出：u.Nation1.NationName