您的位置:首页 > Web前端 > JQuery

Jquery+Json+JSP的一个Demo

2017-12-13 10:13 274 查看
1.  ajax提交 页面准备 Html代码
<%@page import="javax.xml.ws.RequestWrapper"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<% String basePath =  request.getScheme()+"://"+ request.getServerName()+":"+request.getLocalPort()+request.getContextPath(); %>
<%=basePath %>
<!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>Insert title here</title>
<script type="text/javascript" src="<%=basePath %>/resource/js/json2.js" ></script>
<script type="text/javascript" src="<%=basePath %>/resource/js/jquery-1.7.1.min.js" ></script>

<script type="text/javascript">
function sendRequest(){

var uu = "jsondemo";
$.ajax({
type:"get",
dataType:"json",
url:"jsondemo",
data:{"a":1,"b":2},
success:function(data){
alert(JSON.stringify(data));
$.each(data,function(name,value) {
alert(name+":"+value);
});

}
});
}

</script>
</head>
<body>
<h2>Hello Daotie</h2>
<input type="button" value=" json demo " onclick="sendRequest()">
</body>
</html>

2  web.xml配置  Xml代码
<servlet>
<servlet-name>JsonDemo</servlet-name>
<servlet-class>com.daotie.servlet.JsonServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>JsonDemo</servlet-name>
<url-pattern>/jsondemo</url-pattern>
</servlet-mapping>

3 Servlet类 Java代码
package com.daotie.servlet;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

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

import net.sf.json.JSONObject;

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

public JsonServlet() {
super();
// TODO Auto-generated constructor stub
}

protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
System.out.println("doGet");

String a = request.getParameter("a");
System.out.println(a);
Map<Object,Object> map = new HashMap<Object, Object>();
JSONObject json = new JSONObject();
map.put("name", "admin");
map.put("password", "123");
json.putAll(map);
System.out.println(json.toString());
response.getWriter().print(json.toString());
}

protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: