Servlet JSON-从Servlet获取一个对象

最新推荐文章于 2024-07-14 21:20:18 发布

litengbin

最新推荐文章于 2024-07-14 21:20:18 发布

阅读量1.5k

点赞数

分类专栏： J2EE-Servlet

J2EE-Servlet 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

GetOneServlet

1. 创建一个Hero对象
2. 创建一个JSONObject 对象
3. 把Hero对象转换为JSONObject 对象，并放在上一个JSONObject对象上，key是"hero"
4. 设置编码方式为UTF-8
5. 通过response返回

import java.io.IOException;
import java.io.Writer;
 
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 GetOneServlet extends HttpServlet { 
    protected void service(HttpServletRequest request, HttpServletResponse response) 
            throws ServletException, IOException {
          
        Hero hero = new Hero();
        hero.setName("盖伦");
        hero.setHp(353);
         
        JSONObject json= new JSONObject();
   
        json.put("hero", JSONObject.fromObject(hero));
        response.setContentType("text/html;charset=utf-8"); 
        response.getWriter().print(json);
    } 
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app>
 
    <servlet>
        <servlet-name>SubmitServlet</servlet-name>
        <servlet-class>SubmitServlet</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>SubmitServlet</servlet-name>
        <url-pattern>/submitServlet</url-pattern>
    </servlet-mapping>
    <servlet>
        <servlet-name>GetOneServlet</servlet-name>
        <servlet-class>GetOneServlet</servlet-class>
    </servlet>
 
    <servlet-mapping>
        <servlet-name>GetOneServlet</servlet-name>
        <url-pattern>/getOneServlet</url-pattern>
    </servlet-mapping>
 
</web-app>

getOne.html
1. 点击按钮之后，通过ajax访问getOneServlet
2. 获取都数据后，通过JSON.parse 转换为json对象
3. 获取name和hp
4. 显示在div里

注：服务器和浏览器之间通信是通过http协议进行的，而http协议传输非二进制数据，都是用的字符串。
所以浏览器只能拿到字符串，然后再通过js把字符串转换为javascript对象

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>用AJAX以JSON方式获取数据</title> 
<script type="text/javascript" src="jquery.min.js"></script> 
</head> 
<body> 
    <input type="button" value="通过AJAX获取一个Hero对象" id="sender">  
   
    <div id="messageDiv"></div> 
       
    <script> 
    $('#sender').click(function(){ 
        var url="getOneServlet"; 
        $.post(
                url,
                function(data) {
                     var json=JSON.parse(data); 
                     var name =json.hero.name; 
                     var hp = json.hero.hp;
                     $("#messageDiv").html("英雄名称："+name + "<br>英雄血量:" +hp );
                      
         });  
    }); 
    </script> 
</body> 
   
</body>
</html>