一直报如下错误不知怎么回事,求解决

来源:2-8 自由编程

masami酱

2020-02-01 23:25:56

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<input type="button" value="员工列表" name="in">
	<input type="button" value="职位列表" name="in">
	<input type="button" value="部门列表" name="in">
	<div style='text-align: center' id="content"></div>
	<script type="text/javascript">
		var input = document.getElementsByName("in");
		for (var i = 0; i < input.length; i++) {
			input[i].setAttribute("data-index", i);
			input[i].onclick = function() {
				var idx = this.getAttribute("data-index");
				//1. 创建XmlHttpRequest
				var xmlhttp;
				if (window.XMLHttpRequest) {
					xmlhttp = new XMLHttpRequest();
				} else {
					xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
				}
				//2. 发送Ajax请求
				//true 代表异步执行  false代表同步执行
				xmlhttp.open("GET", "/ajax/ajax", true);
				xmlhttp.send();
				console.log("请求发送完成");
				//3. 处理服务器响应
				xmlhttp.onreadystatechange = function() {
					if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
						var json = JSON.parse(xmlhttp.responseText);
						document.getElementById("content").innerHTML = json[idx];
					}
				}
			}
		}
	</script>
</body>
</html>
package com.imooc.ajax;

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;

/**
 * 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 {
		String y="小红<br>小明<br>小白<br>";//要加多少个,自己看着加
		String z="职员<br>经理<br>";
		String b="人事部<br>技术部<br>无线事业部";
		List list=new ArrayList();
		list.add(y);
		list.add(z);
		list.add(b);
		String json = JSON.toJSONString(list);
		response.setContentType("text/html;charset=UTF-8");
		response.getWriter().println(json);
	}

}

http://img.mukewang.com/climg/5e35985d09166c2506860164.jpg

写回答

1回答

好帮手慕柯南

2020-02-02

同学你好!

老师这里使用你的代码测试,是没有问题的

http://img.mukewang.com/climg/5e36812f0910e0fa12280461.jpg

建议你clean一下项目重新测试一下。或者换一个浏览器试试。

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

0

0 学习 · 9666 问题

查看课程