📄 firstajax.jsp
字号:
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>第一个Ajax程序</title>
<script type="text/javascript" language="javaScript">
var xmlHttp = false; //全局变量，用于记录XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.ActiveXObject) { //Inetrnet Explorer时，创建XMLHttpRequest对象的方法
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
//旧版本的Inetrnet Explorer，创建XMLHttpRequest对象
} catch(e) {
window.alert("创建XMLHttpRequest对象错误"+e);
}
}
} else if(window.XMLHttpRequest) { //mozilla时，创建XMLHttpRequest对象的方法
xmlHttp = new XMLHttpRequest();
}
if(!(xmlHttp)) { //未成功创建XMLHttpRequest对象
window.alert("创建XMLHttpRequest对象异常！");
}
}
function firstAjax() {
createXMLHttpRequest(); //创建XMLHttpRequest对象
xmlHttp.onreadystatechange = ajaxChange; //使用onreadystatechange指定处理函数
var url = "/ajaxmodel/html/firstAjax.jsp"; //目标URL
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
function ajaxChange() { //不同的状态在页面中显示不同的信息
var content = "";
if(xmlHttp.readyState == "0") {
content = "未初始化";
}
else if(xmlHttp.readyState == "1") {
content = "开始加载";
}
else if(xmlHttp.readyState == "2") {
content = "加载完成";
}
else if(xmlHttp.readyState == "3") {
content = "正在处理";
}
else if(xmlHttp.readyState == "4") {
content = "处理完成";
}
document.getElementById("content").innerText = content; //给content元素赋值
}
</script>
</head>
<body>
<table align="center">
<tr>
<td>
<input type="button" value="firstAjax" onclick="firstAjax();">
</td>
</tr>
<tr>
<td id="content"></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -