想知道哪里错了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type="button" value="员工职表" id="btn_emp"/>
<input type="button" value="职位列表" id="btn_job"/>
<input type="button" value="部门列表" id="btn_dept"/>
<div id="divContent"></div>
<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
<script type="text/javascript">
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","/ajaxDemo1/employee",true);
xmlhttp.send();
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
var text = xmlhttp.responseText;
var json = JSON.parse(text);
document.getElementById("btn_emp").onclick=function(){
var html = "";
for (var i=0;i<json.length;i++){
html = html + "<p>" + json[i].getEmployee() + "</p>";
}
document.getElementById("divContent").innerHTML(html);
}
document.getElementById("btn_job").onclick=function(){
var html = "";
for (var i=0;i<json.length;i++){
html = html + "<p>" + json[i].getJob() + "</p>";
}
document.getElementById("divContent").innerHTML(html);
}
document.getElementById("btn_dept").onclick=function(){
var html = "";
for (var i=0;i<json.length;i++){
html = html + "<p>" + json[i].getDepartment() + "</p>";
}
document.getElementById("divContent").innerHTML(html);
}
}
else{
document.getElementById("divContent").innerHTML("<p>There is something wrong!</p>");
}
}
</script>
</body>
</html>
-----------------------------------------
package priv.kyrie.employees;
public class Employee {
private String employee;
private String job;
private String department;
public Employee() {
}
public Employee(String employee, String job, String department) {
this.employee = employee;
this.job = job;
this.department = department;
}
public String getEmployee() {
return employee;
}
public void setEmployee(String employee) {
this.employee = employee;
}
public String getJob() {
return job;
}
public void setJob(String job) {
this.job = job;
}
public String getDepartment() {
return department;
}
public void setDepartment(String department) {
this.department = department;
}
@Override
public String toString() {
return "Employee [employee=" + employee + ", job=" + job + ", department=" + department + "]";
}
}
-----------------------------------
package priv.kyrie.employees;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.alibaba.fastjson.JSON;
import priv.kyrie.employees.Employee;
/**
* Servlet implementation class EmployeeServlet
*/
@WebServlet("/employee")
public class EmployeeServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public EmployeeServlet() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<Employee> list=new ArrayList<Employee>();
response.setContentType("text/html;charset=UTF-8");
list.add(new Employee("小红","职员","人事部"));
list.add(new Employee("小明","经理","技术部"));
list.add(new Employee("小白","经理","无限事业部"));
String json = JSON.toJSONString(list);
response.getWriter().println(json);
System.out.println(json);
}
}
正在回答
同学你好，同学的ajax请求书写有误，ajax请求要写在onclick单击事件里面，当单击事件触发后，发送ajax请求，按照贴出代码中的内容，当页面加载时就直接发送了请求，所以最后执行会觉得没有效果。应该将ajax放在onclick中，比如:
如上所示，document.getElementById("divContent").innerHTML同学使用也是有误的，参考 上面的内容修改，再来试试。
其余两个标签也可以参考如上写法修改后再来试试。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
我这一块 貌似就一直接受不到/employee那里的数据 所以每次点button就没有响应
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 9410 份
- 解答问题 16556 个
综合就业常年第一，编程排行常年霸榜，无需脱产即可学习，北上广深月薪过万 无论你是未就业的学生还是想转行的在职人员，不需要基础，只要你有梦想，想高薪
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星