由此 ajax() 与 一般处理程序,请求数据库数据,实现界面无刷新。
Jquery ajax
请求参数详细说明 http://www.w3school.com.cn/jquery/ajax\_ajax.asp
代码:
1 <!DOCTYPE html>
2
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head runat="server">
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <title></title>
7 <script src="jquery-1.3.2-vsdoc2.js"></script>
8 </head>
9 <body>
10 <form id="form1" runat="server">
11 <div style="margin: 50px;">
12 <input value="点击" type="button" id="btn"/>
13 </div>
14 </form>
15 <script type="text/javascript">
16 $(document).ready(function () {
17 $('#btn').click(function () {
18 $.ajax({
19 url: 'ashx/Handler1.ashx',//string类型的参数,发送请求的地址
20 type: 'POST',//请求方式(post or get)默认为get
21 contenType: "application/json;charset-utf-8",//发送信息至服务器时内容编码类型
22 dataType: 'text',//预期服务器返回的数据类型
23 data: {},//发送的请求数据
24 success: function (data) {
25 alert(data);
26 }
27 });
28 });
29 })
30 </script>
31 </body>
32 </html>
1 using System.Web;
2
3 namespace DemoAjxa.ashx
4 {
5 /// <summary>
6 /// Handler1 的摘要说明
7 /// </summary>
8 public class Handler1 : IHttpHandler
9 {
10
11 public void ProcessRequest(HttpContext context)
12 {
13 context.Response.ContentType = "text/plain";
14
15 context.Response.Write("Hello World");
16 }
17
18 public bool IsReusable
19 {
20 get
21 {
22 return false;
23 }
24 }
25 }
26 }
效果:
点是post请求,获得纯文本字符串,如果是一旦博json 数据的讲话
则要拿ajax 的参数dataType设为
josn,一般处理程序 context.Response.Write();返回的数据类型也要是json
格式哦
然后拿抱的json 数据解析并绑定到界面上
列: dataType:
‘json’,//预期服务器返回的数据类型
data{name:'huangenai'}如果data带参数,
在一般处理程序这样可以获得传过来的参数
string name=context.Request["name"].ToString();
关于请求返回为error
1.查看 url 请求地址是否正确
火狐浏览器,安装插件 Firebug,F12可以看到报错了 显示请求地址NotFound
2.data{}
即时不招参数为要是这样描绘上啊,不然会报错的
3.归的数据类型是否与 dataType
一致
要无平等则会报错
4.反省时否发生了跨域的乞求
5.编码格式是否是
自然也得以以代码中这样描绘,将左输出查看究竟是啊错误
1 <script type="text/javascript">
2 $(document).ready(function () {
3 $('#btn').click(function () {
4 $.ajax({
5 url: 'ashx/Handler1.ashx',//string类型的参数,发送请求的地址
6 type: 'POST',//请求方式(post or get)默认为get
7 contenType: "application/json;charset-utf-8",//发送信息至服务器时内容编码类型
8 dataType: 'text',//预期服务器返回的数据类型
9 data: {name:'huangenai'},//发送的请求数据
10 success: function (data) {
11 alert(data);
12 }, error: function (XMLHttpRequest) {
13 alert("Ajax请求失败,错误状态为:"+XMLHttpRequest.status);
14 }
15 });
16 });
17 })
18 </script>
效果:
XMLHttpRequest 对象
属性
**readyState:请求状态,开始要时值为0直到要完成这价值增长及4(readyState共有5受状态,0未初始化,1早已初始化,2殡葬请求,3初始收结果,4收到结果得了。)**
**responseText:目前为止接收到的响应体,readyState<3这属性也空字符串,=3也当前响应体,=4则为完全响应体**
**responseXML:服务器端相应,解析为xml并视作Document对象回来**
**status:服务器端返回的状态码,=200成功,=404意味着“Not
Found”**
**statusText:用名称表示的劳动器端返回状态,对于“OK”为200,“Not
Found”为400**