ajax原理、如何实现刷新数据及优点？

[问答题]

ajax原理、如何实现刷新数据及优点？

伯乐在线

//第一步，创建异步XMLHttpRequest对象
let xmlhttp = new XMLHTTPrequest();
//第五步，注册回调函数
xmlhttp.onreadystatechange = callback
//第二步，配置请求信息
xmlhttp.open("GET", "backend/api",false);  // 这里同步, 第三参数不写则为true(异步)
//第三步, post请求下需要配置请求头信息
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

//第四步，发送请求
xmlhttp.send(null);
//如果是post请求
//xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");

//被执行回调函数
function callback() {
    if(xmlhttp.readyState == 200){
        if(xmlhttp.status == 4){
            console.log(xmlhttp.responseText);
        } }
}

编辑于 2020-01-03 21:43:33 回复(1)

你以为你以为的就是你以

ajax原理：(XML JS)

就像是给客户端和服务端之间加了一个过渡层，客户端先把数据交付给过渡曾ajax，在由ajax向服务端处理数据，这样的优点：

1.减轻了服务器的负担

2.无须刷新整个页面，局部刷新

3.让用户的体验更好

这样实现的过程：

1.客户端先建立 http请求 : var request = new XMLHttpRequest();

2. 打开： request.open();

3.发送：request.send();

4.准备更新：request.onreadychange();

5.返回数据更新页面

发表于 2017-03-14 11:44:34 回复(0)

挣钱买包包

ajax原理：异步xml和js技术，通过局部请求，不需要重新刷新页面
1.建立http请求，var request = new XMLHttpRequest();
2.request.open();
3.request.send();
4.request.onreadychange()
5.返回js数据刷新dom
优点：局部刷新，用户体验好
按需要取数据，减轻服务器的负担
大部分浏览器都支持，不需要安装插件，方便使用

发表于 2016-09-16 11:19:26 回复(0)

章鱼小丸子

AJAX原理：在客户端添加了一个ajax引擎，可以使用javascript脚本使用xmlhttprequest来调用。用来给服务端发送请求接受响应而无需刷新页面。

优点：1。向服务器请求数据无需刷新页面。提高了用户体验。

2.向服务器取数据可以实现按需取。减轻了带宽的限制，前后端交互的冗余。

3.实现了数据和展现的分离。

发表于 2016-08-03 11:48:15 回复(0)

love_xiaoyuer

Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求.

优点：1.减轻服务器负担2.无刷新更新页面3更好的用户体验

发表于 2015-01-23 16:32:30 回复(1)

提交观点

问题信息

Javascript 迅雷

上传者：blueangela

难度：

5条回答 41收藏 12489浏览

ajax原理、如何实现刷新数据及优点？

问题信息

热门推荐

相关试题