ajax局部刷新是怎么操作的?具体什么步骤呢?

2020-03-30 17:01:58 java常见问答 5299

大家知道什么是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.首先创建对象

ajax局部刷新

2. 然后调用对象的open方法以及send方法。

1).Open()中需要三个参数:请求方式,请求路径以及是否异步请求。

注:(请求路径可以在字符串中加?添加参数)

2).send()调用,把请求发送给服务器。

ajax局部刷新

3. 服务器会给予响应,并且获取响应。

XMLHttpRequest对象属性

ajax局部刷新

实例:

//获取字符串形式数据。
XMLHttpRequest.responseText;
//获取XML形式的响应数据。
XMLHttpRequest.responseXML;

4. onreadystatechange事件

当请求被发送到服务的时候,需要执行一些基于响应的一些任务。

XMLHttpRequest的对象有三个重要的属性!!!

ajax局部刷新

每当对象属性readyState发生变化时,就会调用onreadystatechange函数。

所以在函数onreadystatechange方法中判断响应是否就绪。

ajax局部刷新

在响应就绪状态下获取对象XMLHttpRequest的responseText属性放回的数据~~。

以上就是今天所讲述的在网页使用ajax进行局部刷新,是否通过上述的描述了解了呢?如果小伙伴想要了解跟多知识,请继续关注本网站。