什么是Ajax?
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。(属于前端而不是后端)
那如何使用Ajax呢?掌握以下五步,你就掌握了Ajax!
- 创建一个异步对象
var xmlhttp=new XMLHttpRequest(); - 设置请求方式和请求地址:.open方法,传入三个参数
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
xmlhttp.open(“GET”, “04-ajax-get.php”, true); - 发送请求:
xmlhttp.send(); - 监听状态的变化
xmlhttp.onreadystatechange = function (ev2) {
/*
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
*/
if(xmlhttp.readyState === 4){
// 判断是否请求成功
if(xmlhttp.status >= 200 &&