$.ajax方法的使用-AJAX请求客户端和服务端的实现
客户端代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="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('beforeSend invoke!' +'<br/>'); }, //是否使用异步发送 async: true }) }); }) </script> </head> <body> <select id="selectNum"> <option value="0">--Select--</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <div id="show"></div> </body> </html> 服务端: using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Server : System.Web.UI.Page { protected void Page_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 string GetData(string id) { string str = string.Empty; switch (id) { case "1": str += "This is Number 1"; break; case "2": str += "This is Number 2"; break; case "3": str += "This is Number 3"; break; default: str += "Warning Other Number!"; break; } return str; } }
options详细范围值
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |