首页 > 代码库 > Ajax完整结构和删除

Ajax完整结构和删除

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=http://www.mamicode.com/"#\" 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

 

Ajax完整结构和删除