ajax( Asynchromous JavaScript and XML)概念
ajax原理:简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面
作用: 处理数据交互
ajax的优缺点
优点:
1.无刷新状态下,实现局部更新
2.使用异步的方式与服务器通信,不打断用户的操作
3.将一些后端的工作移到前端,减少服务器与带宽的负担
缺点:
1.ajax自动更新机制,破坏了浏览器前进和后退机制
2.一个Ajax请求多了,也会出现页面加载慢的情况。
3.搜索引擎的支持程度比较低。
4.ajax的安全性问题不太好(可以用数据加密解决)。
更多 ajax的优缺点 详细说明,可阅读博客:https://blog.csdn.net/javazilu/article/details/70240288
同步和异步
同步: 阻塞模式。会阻塞后面的代码运行,也就是说,如果这块代码没有运行完,下面的代码就无法运行
异步: 非阻塞模式。不会阻塞后面代码的运行,在这块代码没有运行完之前,后面的代码也会执行,不会受到影响
实现一个简单的ajax请求步骤
1) 创建一个ajax对象:XMLHttpRequest(在IE6及以下,没有这个对象,用的是ActiveXObject插件:ActiveXObject(‘ Microsoft.XMLHTTP’))
let xhr = null;
try {
xhr = new XMLHttpRequest()