404错误？？

来源：2-8 自由编程

weixin_慕设计9597346

2020-04-15 11:08:47

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
input{
	width:30%;
}
</style>
<title>ajaxDemo</title>
</head>
<body>
	<input type="button" value="员工列表" id="y">
	<input type="button" value="职位列表" id="z">
	<input type="button" value="部门列表" id="b">
	<div class="context"></div>
	<script type="text/javascript">
		//1.创建XmlHttpRequest
		var xmlhttp;
		if(window.XMLHttpRequest){
			xmlhttp=new XMLHttpRequest();
		}else{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		//2.发送Ajax请求
		xmlhttp.open("GET","/demo_ajax/firstServlet",true);
		xmlhttp.send();
		//3.处理服务器请求
		xmlhttp.onreadystatechange=function(){
			if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
				var text = xmlhttp.responseText;
				console.log(text);
				var json=JSON.parse(text);
				console.log(json);
				for(var i=0;i<json.length;i++){
					$("#y").on("click",function(){
						alter("1111");
						//$(".context").html(json[i].name);
						
					}).css({"text-align":"center"});
					
				}
			}
		}
	</script>
</body>
</html>

package com.imooc.demo;

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 firstServlet
 */
@WebServlet("/firstServlet")
public class firstServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public firstServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		List list=new ArrayList();
		list.add(new Employee("小红","经理","人事部"));
		list.add(new Employee("小明","职员","技术部"));
		list.add(new Employee("小白","经理","无线事业部"));
		String json=JSON.toJSONString(list);
		System.out.println(json);
		response.setContentType("text/html;charset=UTF-8");
		response.getWriter().println(json);
	}


}

写回答

2回答

好帮手慕小尤

2020-04-15

同学你好，1. 报错信息：加载资源失败:服务器以404()状态响应，建议同学查看，firstServlet是否可以正常访问，或请同学查看访问是否是路径是否正确。

2. 如果无法访问，则同学可以重新编译一下，如下所示：

如果还存在问题，则建议同学反馈一下项目结构，便于老师定位问题。

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

好帮手慕小尤

2020-04-15

同学你好，1. 同学未引入jquery，建议同学引入。修改后代码如下所示：

2. 建议先触发click事件，然后循环输出内容。修改后代码如下所示：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
input{
	width:30%;
}
</style>
<title>ajaxDemo</title>
</head>
<body>
	<input type="button" value="员工列表" id="y">
	<input type="button" value="职位列表" id="z">
	<input type="button" value="部门列表" id="b">
	<div class="context"></div>
	<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
	<script type="text/javascript">
		//1.创建XmlHttpRequest
		var xmlhttp;
		if(window.XMLHttpRequest){
			xmlhttp=new XMLHttpRequest();
		}else{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		//2.发送Ajax请求
		xmlhttp.open("GET","/demo_ajax/firstServlet",true);
		xmlhttp.send();
		//3.处理服务器请求
		xmlhttp.onreadystatechange=function(){
			if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
				var text = xmlhttp.responseText;
				//console.log(text);
				var json=JSON.parse(text);
				$("#y").on("click",function(){
					for(var i=0;i<json.length;i++){
						$(".context").append("<h1>" +json[i].name+"<h1>");
					}
				})
				$(".context").css({"text-align":"center"});
			}
		}
	</script>
</body>
</html>

注：404错误，建议同学查看访问是否是路径是否正确。

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

heixin_慕设计9597346

h 我将上述代码复制粘贴后重启运行后依旧没解决那个问题，还是同样的报错

h020-04-15

共1条回复

0 学习 · 9666 问题

查看课程

相似问题

404错误相关

回答 1

老师，请问一下我的代码哪里错了，为什么老是404错误啊，那个data类型到底该怎么填啊？