思路是对的，代码也是对的，点击加载按钮没有反应
来源：2-3 发送请求及处理响应
慕仙3318693
2019-04-08 18:42:55
html页面部分
------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input id="btnload" type="button" value="加载">
<div id="divContent"></div>
<script type="text/javascript">
document.getElementById("btnload").onclick = function(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
console.log(xmlhttp);
xmlhttp.open("GET" , "/aja/ajax" , true);
xmlhttp.send();
//处理服务器响应
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readystate == 4 && xmlhttp.status == 200){
var t = xml.responseText;
alert(t);
document.getElementById("divContent").innerHTML = t;
}
}
}
</script>
</body>
</html>
servlet页面部分
----------------------
package com.imooc.ajax;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class ajaxServlet
*/
@WebServlet("/ajax")
public class ajaxServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public ajaxServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.getWriter().println("<b>I'm server content</b>");
}
}
1回答
-
同学你好。这里同学还是有笔误哦。readyState的S要大写。xml在前面没有定义，这里应该改为xmlhttp。
另外，注意同学的项目是不是叫“aja”哦：
修改以后，同学的代码能出现正常效果：
如果还有疑问，可以继续提问。如果解答了同学的疑问，望采纳~
祝学习愉快~
0
相似问题