首页 > 试题广场 > 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)
Ajax的工作原理相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做,只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求. 
优点:1.减轻服务器负担2.无刷新更新页面3更好的用户体验
发表于 2015-01-23 16:32:30 回复(1)