JSP文件
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'listUser.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script language="javascript" src="../js/jquery.js"></script>
<script language="javascript" src="../js/json.js"></script>
<script language="javascript">
function jsonview(){
$.getJSON("/userServlet",null,function call(data){
wirteHtml(data);
});
}
function wirteHtml(data){
////方法一
/*
var continents = data.users;
for(var i=0;i<continents.length;i++){
var newLine = $("#planTable").length;
var row = planTable.insertRow(newLine);
var col = row.insertCell(0);
col.innerHTML = continents[i].name;
col = row.insertCell(1);
col.innerHTML = continents[i].age;
col = row.insertCell(2);
col.innerHTML = continents[i].tel;
}
*/
//方法二
var list = data.users;
//alert(list.length);
$.each(list, function(i, u){
var row = $("#template_0").clone();
row.find("#name").text(u.name);
row.find("#age").text(u.age);
row.find("#tel").text(u.tel);
row.find("#address").text(u.address.province+u.address.city+u.address.country);
row.appendTo("#planTable");
});
}
</script>
</head>
<body>
<input type="button" value="JsonView" onClick="jsonview();">
<div id="dateMessage">
<table id="planTable" border="1">
<thead>
<td>Name</td>
<td>Age</td>
<td>Tel</td>
<td>Address</td>
</thead>
<tbody id="template">
<tr id="template_0">
<td id="name"></td>
<td id="age"></td>
<td id="tel"></td>
<td id="address"></td>
</tr>
</tbody>
</table>
</div>
<input type="button" value="Get Xml" onclick="getXml();">
</body>
</html>
Java文件
package com.zj.user.servlet;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import com.zj.user.bean.Address;
import com.zj.user.bean.Userinfo;
public class UserServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
resp.setContentType("text/xml;charset=utf-8");
resp.setHeader("Cache-Control","no-cache");
//跨域
String callback = request.getParameter("callback");
JSONObject json = new JSONObject();
try{
Userinfo user1=new Userinfo();
user1.setAddress(new Address("广东省","广州市","天河区"));
user1.setName("张三");
user1.setTel("13711486870");
user1.setAge(22);
Userinfo user2=new Userinfo();
user2.setAddress(new Address("广西省","南宁市","南区"));
user2.setName("李四");
user2.setTel("13711485470");
user2.setAge(32);
Userinfo user3=new Userinfo();
user3.setAddress(new Address("湖北省","武汉市","洪山区"));
user3.setName("王五");
user3.setTel("1371854786870");
user3.setAge(28);
List list=new ArrayList();
list.add(user1);
list.add(user2);
list.add(user3);
try {
//取集合
JSONArray jsonArray = JSONArray.fromObject(list);
JSONObject jsobjcet = new JSONObject();
jsobjcet.put("users", jsonArray);
response.getWriter().write(callback+"("+jsobjcet.toString()+");");
System.out.println(jsobjcet.toString());
} catch (IOException e) {
e.printStackTrace();
}
}
}
注意
要加入的jar包
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
完整实例请参考附件
分享到：
相关推荐
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里...
在JavaScript和jQuery中，解析JSON数据是常见的任务，特别是在与服务器进行异步通信时。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析和生成。在jQuery中...
jquery解析JSON数据的方法.docx
最近被jquery折磨了一番，倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集，将dataSet转换成json并返回给客户端，客户端用jquery getJson方法解析出来并显示在页面上。...
jquery操作Dom对象，解析json数据，实现级联菜单，里面用到了事件绑定
关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...
主要介绍了jQuery解析json数据的具体实现方法,结合实例形式较为详细的分析了jQuery解析json格式数据的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
这里可以找到json.js的代码，后面还需要formutil.js的代码及MD5.js 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式...
一、jQuery解析Json数据格式： 使用这种方法，你必须在Ajax请求中设置参数: dataType: “json” 获取通过回调函数返回的数据并解析得到我们想要的值，看源码： jQuery.ajax({ url: full_url, dataType: json, ...
主要深入分析jquery解析json数据的方法，非常的详尽,需要的朋友可以参考下
本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能，这对于网页应用的数据展示至关重要。 首先，理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于...
本实例是结合struts2 jquery来接受后台的json数据
主要介绍了jQuery解析json格式数据,涉及jQuery针对json格式数据元素遍历相关操作技巧,需要的朋友可以参考下
3. **jQuery初始化**：加载页面后，使用jQuery解析JSON数据并填充第二级和第三级下拉列表的初始选项。 4. **事件绑定**：为第一个下拉列表绑定`change`事件，当选项改变时，使用jQuery获取新的选中值，遍历JSON数据...
前端再用jQuery解析JSON数据，更新页面内容，提供反馈给用户。 在提供的压缩包文件中，“ssh2+jquery+json”很可能包含了一个示例项目，展示了如何在客户端使用jQuery进行Ajax请求，服务器端使用SSH2执行命令，以及...
使用JQuery实现从JSON对象转换为form提交数据