ajax--api
记录此API以备后用
AJAX请求 $.ajax方法的使用 使用jQuery的$.ajax方法可以更为详细的控制AJAX请求。它在AJAX请求上施加细粒度级别的控制。 $.ajax方法语法
options详细范围值
下面看个例子,尽可能多的用到options中的选项 客户端代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <scriptsrc="Scripts/jquery-1.4.1.min.js"type="text/javascript"></script> <scripttype="text/javascript"> $().ready(function (){ $('#selectNum').change(function() { var idValue = $(this).val(); var show =$('#show'); $.ajax({ url: 'Server.aspx', type: 'POST', data: { id: idValue}, //调小超时时间会引起异常 timeout: 3000, //请求成功后触发 success: function(data) { show.append('success invoke!' + data+'<br/>'); }, //请求失败遇到异常触发 error: function(xhr,errorInfo,ex) { show.append('error invoke!errorInfo:' +errorInfo+'<br/>'); }, //完成请求后触发。即在success或error触发后触发 complete: function(xhr,status) { show.append('complete invoke! status:' + status+'<br/>');}, //发送请求前触发 beforeSend:function (xhr) { //可以设置自定义标头 xhr.setRequestHeader('Content-Type','application/xml;charset=utf-8'); show.append('beforeSendinvoke!' +'<br/>'); }, //是否使用异步发送 async: true }) }); }) </script> </head> <body> <selectid="selectNum"> <optionvalue="0">--Select--</option> <optionvalue="1">1</option> <optionvalue="2">2</option> <optionvalue="3">3</option> </select> <divid="show"></div> </body> </html> 服务端主要代码: protected voidPage_Load(object sender,EventArgs e) { if (!Page.IsPostBack) { if(Request["id"] != null &&!string.IsNullOrEmpty(Request["id"].ToString())) { //启用该句会引发ajax超时异常 //System.Threading.Thread.Sleep(3000); Response.Write(GetData(Request["id"].ToString())); } } }
protected stringGetData(string id) { string str =string.Empty; switch (id) { case "1": str += "Thisis Number 1"; break; case "2": str += "Thisis Number 2"; break; case "3": str += "Thisis Number 3"; break; default: str +="Warning Other Number!"; break; } return str; }
运行程序,结果如图: (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |