ajax用来请求后端数据的,用到ajax就要有后端数据,就要有后端,最好将ajax也放在服务器环境中使用
1. ajax的概念和特点
1.1:前后端交互的重要手段
- a:异步
- j:js
- a:和
- x:服务端的数据,xml,json,记事本,php
:1.2:异步的js和服务端的数据(不是一个技术,一组技术的合集)
- 载体:连接前后端的桥梁:XHR对象(XMLHttpRequest)
- 异步的js:事件,不是鼠标键盘事件,XML对象身上的加载事件
- 服务器端的数据
- 其他js:数据的处理的js功能
1.3优缺点:
- 无刷新加载新数据
- 在不中断浏览器其他任务的情况下,加载数据
- 局部刷新
- 提升页面的加载速度
- 因为页面没有刷新,所以不会产生历史记录,破坏了浏览器的前进后退功能
- 不利于SEO
2. ajax的使用
2.1.创建载体:var xhr = new XMLHttpRequest();
2.2.开启请求:xhr.open("get","http://localhost/ws2005/ajax/data/data.txt",true);
2.3.监听状态:
xhr.onreadystatechange = function(){
if(xhr.readyState === 4 && xhr.status === 200){
console.log(xhr.responseText);
}
}
2.4.发送信息:xhr.send();