Ajax个人理解

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中常量修饰符必须初始化赋值

你可能感兴趣的:(ajax)