Ajax完整結構和刪除

時間 2019-11-16

標籤 ajax 完整結構刪除欄目 Ajax 简体版

原文原文鏈接

一、ajax完整結構ajax

注意：（1）最後一個沒有","json

（2）ajax對網速要求高，最好有各類提示和使用按鈕（可以使其失效，防止重複加載）post

  $.ajax({
            url: "ajax/tian.ashx",//鏈接的服務端
            data: { "ncode": dd },//提交的數據
            type: "post",//提交的方式
            dataType: "json",//返回的數據類型
            success: function (data) {},//返回數據、沒有錯誤執行的代碼
            error: function () { },//出錯時執行的代碼，通常是：服務端鏈接失敗
            beforeSend: function () {},//沒返回數據時執行的代碼，能夠用來防止重複提交（讓控件失效）
            complete: function () { }//沒出錯並數據返回後執行，通常不使用，能夠把返回數據要執行的語句寫在success中
        });//ajax

二、刪除this

 //動態添加刪除
 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
    });