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 == "") {
alert("删除失败!");
}
else {
alert("成功!");
yhm = "";
xb = "";
mz = "";
hanshu("", pag, yhm, xb, mz);
$("#CurrentPage").text("");
zong(yhm, xb, mz);
$("#JumpTo_Drop").val("");
$("#TextBox1").val("");
$("#DropDownList1").val("");
$("#DropDownList2").val("");
}
},//success
error: function () { alert("连接服务端失败!"); },
beforeSend: function () {
namec.text("加载中...");
},
complete: function () { namec.text("删除"); }
});//ajax
});

3、属性扩展

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

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

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

04-30 21:17