一个简单的html测试tomcat本地服务器的问题处理一

最新推荐文章于 2023-10-19 23:50:16 发布

格乄子

最新推荐文章于 2023-10-19 23:50:16 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：一个简单的html测试tomcat本地服务器的问题处理文章标签： axios springmvc tomcat 本地请求到达服务端本地请求从服务端获取数据

本文链接：https://blog.youkuaiyun.com/gezi2015129/article/details/60870695

一个简单的html测试tomcat本地服务器的问题处理专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个基于Spring MVC的服务端实现，该实现通过GET请求接收参数，并返回JSON数据。文章展示了如何处理中文参数的编码问题，以及使用Axios发起请求的方法。此外，还提到了跨域访问限制的问题。

一、服务端代码

	@RequestMapping("getStudent")
	public void getStudent(HttpServletRequest req,HttpServletResponse resp){
		try {
			req.setCharacterEncoding("utf-8");
			
		} catch (UnsupportedEncodingException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
		resp.setContentType("text/html;charset=utf-8");
		String name=req.getParameter("name");
		String sex=req.getParameter("sex");
		byte[] b;//使用axios交互时需要使用终极转码，使用ajax则不需要中及转码，值需要设置request编码为utf-8
		try {
			b = name.getBytes("ISO-8859-1");
			name=new String(b,"utf-8");
			b = sex.getBytes("ISO-8859-1");
			sex=new String(b,"utf-8");
		} catch (UnsupportedEncodingException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}//用tomcat的格式（iso-8859-1）方式去读。  
		System.out.println("姓名："+name+"\t性别："+sex);
		
		try {
			PrintWriter out=resp.getWriter();
			out.print("[{lattice:\"格子\"},{lattice:\"222\"}]");
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}

二、html文件测试代码

axiostest


三、出现问题

在Chrome中按下F12查看控制台输出信息
XMLHttpRequest cannot load http://127.0.0.1:8080/vue_js/student/getStudent.do?name=%E6%A0%BC%E5%AD%90&sex=%E7%94%B7.

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
此时，本地请求能够到达服务端，服务端能够打印出请求提交的name以及sex，但是本地浏览器query无法正常接收来自服务端返回的数据。