Asp.net Ajax简介

       AJAX是一种实现异步网络应用的技术,AJAX表示建立利用XMLHttpRequest对象的应用程序的能力,在Javascript中可以建立和包含XMLHttpRequest对象,另外,大多数浏览器都支持这个对象的应用,于是诞生AJAX模型,AJAX本质是一个浏览器端的技术,主要目的在于局部交换客户端及服务器之间的数据。

      创建XMLHttpRequest对象

按照下面的模式,可以同步的XMLHttpRequest对象

1.创建对象:new(叫助手过来)

2.创建请求:open(告诉他要去做的事情)

3.发送请求:send(去吧)

具体代码的实现:

一、先来创建XMLHttpRequest对象
IEFirefoxsafariOpera中创建该对象的JavaScript代码为:

  varxhr= new XMLHttpRequest();

IE5/6中代码为:

  varxmlRequest= new ActiveXObject(“Microsoft.XMLHTTP”);

二、为XMLHttpRequest对象设置请求参数

       1.设置参数:
    
xhr.open("GET", "GetAreasByAjax.ashx?isAjax=1", true); 

  2.POST方式:
xhr.open("POST
","GetAreasByAjax.aspx", true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

   3.设置浏览器不使用缓存
xhr.setRequestHeader("If-Modified-Since","0");

三、发送请求:(分别对应GETPOST)

    xhr.send(null);//GET方式

    xhr.send("isAjax=1&na=123");//POST方式

发送请求完后,是不是结束了呢,呵呵,没有因为还没有返回啊!所以在这里有了回调函数(异步使用XMLHttpRequest对象时,必须使用:onreadystatechange事件

使用模式应该是:

1.创建该对象;-new
2.设置readystatechange事件触发一个回调函数; -onreadystatechagne
3.打开请求;-open
4.发送请求;-send
5.回调函数中检查readyState属性,看数据是否准备就绪(是否等于4)

 

在这里开始正式编写回调函数

1.xhr.send之前添加设置回调函数代码:

xhr.onreadystatechange =watching;

2.回调函数

functionwatching() {

       if (xhr.readyState>= 4) {

           if (xhr.status ==200) {

               varmsg = xhr.responseText; //服务器返回的字符串

           } else alert("服务器错误!" + ajaxH.status);

       }

}

 

在这里具备了基本的格式了,接下来就可以实现具体的AJAX内容了,让页面无刷新吧!

 

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页