Jquery+Json+JSP的一个Demo

最新推荐文章于 2024-11-02 18:10:11 发布

Pannahouse

最新推荐文章于 2024-11-02 18:10:11 发布

阅读量220

点赞数

分类专栏： Demo 文章标签： jquery json jsp

Demo 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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 {  

    }  

}