Jsp+Servlet+JSON+JQuery

最新推荐文章于 2024-10-16 17:12:29 发布

wikipocky

最新推荐文章于 2024-10-16 17:12:29 发布

阅读量641

点赞数 1

分类专栏： Java 文章标签： servlet json jsp string user function

本文链接：https://blog.csdn.net/wikipocky/article/details/6992758

版权

Java 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

0. 准备一个实体User

package com.wikipocky.domain;

public class User {
	private String username;

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}
}

1. 准备一个Action

package com.wikipocky.action;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.json.JSONObject;

import com.wikipocky.domain.User;

public class UserAction extends HttpServlet {
	private static final long serialVersionUID = 1L;

	public UserAction() {
		super();
	}

	protected void doGet(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		this.doPost(request, response);
	}

	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		PrintWriter out = response.getWriter();
		String username = request.getParameter("username");
		User user = new User();
		user.setUsername(username);
		JSONObject myJson = new JSONObject(user);
		out.println(myJson.toString());
	}
}

2. 准备前台JSP

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>JSP+Servlet+JSON+JQeury</title>
		<script type="text/javascript" src="Js/jquery-1.7.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			$(document).ready(function() {
				var params = {
					"username" : "JSON"
				};
				$.ajax({
					url : "UserAction",
					dataType : "json",
					data : params,
					success : function(result) {
						$("#result").html(result.username);
					}
				});
			});
		</script>
		<div id="result" />
	</body>
</html>

4. 当然还有其他web.xml配置