关于ajax:Ajax个人理解

8次阅读

共计 845 个字符,预计需要花费 3 分钟才能阅读完成。

Ajax

概述:

Ajax (Asynchronous JavaScript and XML) 是一种 Web 利用技术, 能够借助客户端脚本 (javascript) 与服务端利用进行异步通信,获取服务端数据当前, 能够进行部分刷新。进而进步数据的响应和渲染速度.

为什么会有 Ajax 呢?
强化了服务器的响应速度,
留神:AJax 不能进行跨域拜访
实现 AJax 的固定步骤:
1. 创立 XHR(XMLHttpReques)对象
var xhr= new XMLHttpRequest();
2. 创立状态监听
呈现谬误时有三种查看办法(consloe 日志法,debbger 断点调试,排除法)
xhr.onreadystatechange=function(){

    if(xhr.readState==4){// 服务端响应完结,客户端接管实现
    if(xhr.status==200){//200 示意失常响应完结
    console.log(xhr.responseText);
    }
    }

}
3. 建设连贯
xhr.open(“ 提交形式 ”,”(GET 提交) 提交的门路? 提交的参数 /(Post)提交的门路 ”,boolean(true 示意异步提交,false 示意同步提交));
4. 提交
xhr.send(“(Post 提交) 提交的参数 /(GET 提交)null 或者什么也不写 ”)
注意事项:
构建参数对象

    形式一
    var params="name"+name;// 淘汰
    形式二
    只有用到字符串拼接就用这种写法
    const 只有当前不想他人用就用 const 来润饰
    const params = `name=${an}`;// 一种新的写法。这种写法称之为模板字符串,所有字符串
    形式三
    const params= {"name":name};//JavaScript 中的对象

var let const 的区别:

var :js 中全局变量,被润饰后没有被初始化的化输入的时 undefinder
let :js 中局部变量部分中尽量应用 let 函数函数外部应用 let 定义后,对函数内部无影响块级作用域
const: js 中常量修饰符必须初始化赋值

正文完
 0