AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
案例演示1:
- 创建一个demo名为AjaxDemo
2.编写getUserList.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取用户列表</title>
<script>
function loadUserList() {
//声明请求对象
var xmlhttp;
//实例化请求对象
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP")
}
//监听请求状态变化,
xmlhttp.onreadystatechange=function () {
//判断是否请求成功,响应是否完成
if (xmlhttp.status == 200 && xmlhttp.readyState == 4) {
//利用响应文本修改页面内容
document.getElementById("users").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","/AjaxDemo/data/userlist.txt",true);
//发送请求
xmlhttp.send(null);
}
</script>
</head>
<body>
<h3>用户列表</h3>
<div id="users"></div>
<hr>
<button type="button" onclick="loadUserList()">获取用户列表</button>
</body>
</html>
3.在web目录下创建一个data包,再创建一个txt,随便添加一些东西。
4.启动tomcat服务器,
输入:
点击获取用户列表就可以获得 txt 中的内容了