1、什么是AJAX?
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。
使用XHTML+CSS来标准化呈现;
使用XML和XSLT进行数据交换及相关操作;
使用XMLHttpRequest对象与Web服务器进行异步数据通信;
使用Javascript操作Document Object Model进行动态显示及交互;
使用JavaScript绑定和处理所有数据。
这些能提供富用户体验。完全的 AJAX应用给人以桌面应用的感觉。
2、为什么要使用Ajax?
它可以在不刷新整个页面的情况下与服务器通信保持原有页面状态。
3、AJAX的工作原理
Ajax工作原理其实就是在一个页面的指定位置可以加载另一个页面中所有的输出内容。这样就实现了一个静态页面获取到数据库中所返回的数据信息了。根据这样的原理所以Ajax实现了静态页面在不刷新整个页面的情况下与服务器通信。
4、AJAX 工作原理
Ajax通过XmlHttpRequest对象来向服务器发出异步请求,从服务器获得数据,然后用Javascript来操作DOM而更新页面。
①创建Ajax对象(XmlHttpRequest)
var xhr = new XMLHttpRequest();
②判断数据的传输方式(get/post)
/*
*type 请求方式
* url 请求路径
* data 传递的参数 要求 : 必须是key=value 如果是多个参数 key1=value1&key2=value2
*/
function ajax(type,url, data) {
var xhr = new XMLHttpRequest();
// 判断type是get还是post
// data1.php?name=jack&age=12
if(type == "get") {
url += "?" + data;
}
xhr.open(type, url);
// 判断是否为post 如果是post请求 传参使用send方法传参 并且加请求头
if(type == "get") {
xhr.<