100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【JAVASCRIPT】如何不使用jquery函数和ajax框架实现ajax效果

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

时间:2020-01-31 22:12:31

相关推荐

【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); 9document.getElementById("result").innerHTML = xmlhttp.responseText; //responseText属性为服务器返回的文本10 }11 else {12alert("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的执行过程。面试的时候有可能会问到;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。