html页面代码:
<%@ 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=ISO-8859-1">
<title>Insert title here</title>
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
function requestJson() {
$.ajax({
type : 'post',
url : 'http://localhost:8080/ajaxdemo/CreateUserServlet',
dataType : 'text json',
//data : '{"id":"4","usercode":"44","password":"123"}',
success : function( data, textStatus, jqXHR ) {
alert("success");
alert(data.result );
alert(textStatus);
},
error : function( data, textStatus, jqXHR ) {
alert("error");
alert(data.result );
alert(textStatus);
},
complete : function( jqXHR, textStatus ) {
alert("complete");
alert(jqXHR.responseText );
alert(textStatus);
}
});
}
</script>
</head>
<body>
<input type="button" onclick="requestJson()" value="reqeust" />
</body>
</html>
json服务器servlet代码:
package com.wuhuhly.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* Servlet implementation class CreateUserServlet
*/
@WebServlet("/CreateUserServlet")
public class CreateUserServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public CreateUserServlet() {
super();
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doSomething(request,response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doSomething(request,response);
}
void doSomething(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//doJSON(request,response);
do201(request,response);
}
void doJSON(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
/* ajax request failed */
//response.setStatus(HttpServletResponse.SC_CREATED);
response.setContentType("application/json;charset=utf-8");
PrintWriter out = response.getWriter();
out.println("{\"result\": \"good\"}");
}
void do201(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setStatus(HttpServletResponse.SC_CREATED);
PrintWriter out = response.getWriter();
out.println("<html>");
out.println("<head>");
out.println("<title>Hola</title>");
out.println("</head>");
out.println("<body>");
out.println("user created");
out.println("</body>");
out.println("</html>");
}
}
参考:
http://api.jquery.com/jQuery.ajax/
http://stackoverflow.com/questions/5289078/parse-json-from-jquery-ajax-success-data