大家知道什么是ajax吗?是的,ajax就是用来局部刷新的作用,那么ajax是如何进行页面的局部刷新呢?具体操作又是怎么样的呢?接下来与大家一起来了解下ajax局部刷新的操作。
简单的来说Ajax就是一种无需重新加载整个网页的情况下,能够更新部分网页的技术;
开始准备工作:
1.XMLHttpRequest是AJAX重的要基础。2.所有现代的浏览器都支持XMLHttprequest对象(IE5 和IE6使用ActiveXObject)
XMlHttpRequest用于在后台与服务器进行交换数据。从而实现不重新加载整个网页的情况下
对网页某部分进行更新,就是所谓的局部更新!
实例如下:
首先创建XMlHttpRequest对象语法
var variable =new XMLHttpRequest();
其次创建ActivexObject对象语法
Var variable =new ActivexObject(“Microsoft.XMLHTTP”)
为了应对所有的现代浏览器,所以对浏览器进行检查判定是否支持XMLHttpRequest对象,如果不支持则创建ActiveXObject对象。
开始如下操作
1.首先创建对象
2. 然后调用对象的open方法以及send方法。
1).Open()中需要三个参数:请求方式,请求路径以及是否异步请求。
注:(请求路径可以在字符串中加?添加参数)
2).send()调用,把请求发送给服务器。
3. 服务器会给予响应,并且获取响应。
XMLHttpRequest对象属性
实例:
//获取字符串形式数据。 XMLHttpRequest.responseText; //获取XML形式的响应数据。 XMLHttpRequest.responseXML;
4. onreadystatechange事件
当请求被发送到服务的时候,需要执行一些基于响应的一些任务。
XMLHttpRequest的对象有三个重要的属性!!!
每当对象属性readyState发生变化时,就会调用onreadystatechange函数。
所以在函数onreadystatechange方法中判断响应是否就绪。
在响应就绪状态下获取对象XMLHttpRequest的responseText属性放回的数据~~。
以上就是今天所讲述的在网页使用ajax进行局部刷新,是否通过上述的描述了解了呢?如果小伙伴想要了解跟多知识,请继续关注本网站。