`
java-xb
  • 浏览: 124615 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jquery+Json+JSP的一个Demo

 
阅读更多

 需要jquery插件 

1  ajax提交 页面准备

<%@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配置 

 

<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类 
  

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 {
		
	}

}

 

  最后部署到jetty上或者tomcat上试试。

 

说明　　在学习中发现　js部分的json.js脚本和jquery脚本有冲突， 网上人说建议使用json2.js  并且要先于jquery引入。

可以无法使用 parseJSON();和toJSONString()这两个函数。


希望对你有帮助。

 

 

分享到：
| java开发工具
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics