【JAVASCRIPT】如何不使用jquery函数和ajax框架实现ajax效果

ajax的核心技术就是XMLHttpRrequest;下面介绍怎么在IE中创建XMLHttpRrequest的实例,并且实现功能;

在创建的html页面的body中添加如下内容:<p id="result"></p>

js脚本如下:

 1         function ajaxtext() {
 2             var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");   //创建一个XMLHTTP对象,相当于WebClient
 3             xmlhttp.open("GET", "ajaxtext1.ashx", true);    //准备向服务器的ajaxtext1.ashx发送get请求
 4             //监听onreadystatechange事件
 5             xmlhttp.onreadystatechange = function () {
 6                 if (xmlhttp.readyState == 4) {
 7                     if (xmlhttp.status == 200) {
 8                         //alert(xmlhttp.responseText);
 9                         document.getElementById("result").innerHTML = xmlhttp.responseText; //responseText属性为服务器返回的文本
10                     }
11                     else {
12                         alert("AJAX服务器返回错误!");
13                     }
14                 }
15             }
16             xmlhttp.send();     //开始发送请求,之前的代码都是做准备
17         }
 
 
ajaxtext1.ashx代码如下:
1         public void ProcessRequest(HttpContext context)
2         {
3             context.Response.ContentType = "text/plain";
4             string a;
5             a = "这是一个 AJAX 测试!";
6             context.Response.Write(a);
7         }

这段代码主要是用在 IE中,但是其他浏览器不会支持,一般做项目的时候都不会使用这些代码。jquery封装好的方法即方便又能跨浏览器;写这篇文章主要是为了明白ajax的执行过程。面试的时候有可能会问到;

你可能感兴趣的:(JavaScript)