自己做的简单的jquery解析json的Demo
1.JsonServelet
package com.zhiming.jqueryajax;
import java.io.IOException;
import java.io.PrintWriter;
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 Stock szzs;
private Stock pfyh;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException
{
resp.setContentType("text/html");
resp.setCharacterEncoding("utf-8");
PrintWriter out = resp.getWriter();
Map<String,Stock> maps=new HashMap<String,Stock>();
maps.put(szzs.getName(), szzs);
maps.put(pfyh.getName(), pfyh);
JSONObject jsonObj=JSONObject.fromObject(maps);
out.println(jsonObj);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException
{
doGet(req, resp);
}
@Override
public void init() throws ServletException
{
szzs=new Stock(3200.0,3500,1800,"上证综合",1);
pfyh=new Stock(256.0,3850,1950,"浦发",2);
}
}
2.一个对象类
package com.zhiming.jqueryajax;
public class Stock
{
private double today;
private double yestoday;
private double Price;
private String name;
private Integer id;
public Stock(double today, double yestoday, double price, String name,
Integer id) {
this.today = today;
this.yestoday = yestoday;
this.Price = price;
this.name = name;
this.id = id;
}
public double getToday()
{
return today;
}
public void setToday(double today)
{
this.today = today;
}
public double getYestoday()
{
return yestoday;
}
public void setYestoday(double yestoday)
{
this.yestoday = yestoday;
}
public double getPrice()
{
return Price;
}
public void setPrice(double price)
{
Price = price;
}
public String getName()
{
return name;
}
public void setName(String name)
{
this.name = name;
}
public Integer getId()
{
return id;
}
public void setId(Integer id)
{
this.id = id;
}
public String toString()
{
return "name:" + this.name + ",price" + this.Price;
}
}
3.ajaxJson.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 'ajaxJson.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">
<script type="text/javascript" src="web/js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//要解析的json字符串如下
//{"浦发":{"id":2,"name":"浦发","price":1950,"today":256,"yestoday":3850},"上证综合":{"id":1,"name":"上证综合","price":1800,"today":3200,"yestoday":3500}}
$("#button").click(function(){
//Ajax请求
/** 3、遍历对象(没有附加参数)
* $.each(Object, function(name, value) {
* this; //this指向当前属性的值
* name; //name表示Object当前属性的名称
* value; //value表示Object当前属性的值
* });
*/
$.get("JsonServlet",null,function(json){
//第一个$.each对json字符串进行解析会得到多个 name-object对象 name代表对象的名称
//第二个$.each对object对象进行迭代，可以得到对象的key和value
$.each(json,function(name,object){
$.each(object,function(key,value){
alert("objectkey:"+name+" key:"+key+" value:"+value);
});
});
},"json")
});
})
</script>
</head>
<body>
<input type="button" id="button" value="点击我"/>
</body>
</html>
需要自己配置servelet拦截器
分享到：
相关推荐
在jQuery中，有多种方法来解析JSON数据，本文将详细介绍两种主要方法。 首先，假设我们有一个JSON格式的字符串，如以下示例： ```javascript var data = "{ root: [ {name:'1',value:'0'}, {name:'6101',value:...
要使用jQuery的$.each函数解析JSON数据，首先你需要将JSON字符串转换为JavaScript对象，这可以通过`JSON.parse()`方法实现。例如： ```javascript var jsonString = '{"name":"John","age":30,"city":"New York"}';...
jQuery提供了更安全的方式来解析JSON数据，即使用`.getJSON()`方法。`.getJSON()`是异步的，它会发送一个HTTP GET请求到指定的URL，然后将返回的JSON数据解析成JavaScript对象。例如： ```javascript $.getJSON(...
jQuery的Ajax方法常用于从服务器获取JSON数据，实现页面动态更新。例如，使用`$.getJSON()`获取JSON数据并更新页面： ```javascript $.getJSON('data.json', function(data) { var html = ''; $.each(data.items,...
本主题将深入探讨如何使用jQuery解析JSON数据并实现级联菜单，这在构建动态和交互性强的用户界面时非常常见。级联菜单通常用于导航，其中下拉选项根据上一个选项的选择而变化，提供更具体的子类别。 首先，让我们...
在IT行业中，JavaScript库jQuery是前端开发中...以上就是关于“使用jQuery解析JSON字符串”这一主题的详细讲解，涵盖了JSON的基础知识、jQuery的解析方法以及动态更新DOM的内容。希望对您在实际项目中的应用有所帮助。
jQuery提供了`.each()`方法，这使得遍历和操作JSON数据变得简单。在提供的代码示例中，有三个不同的`.each()`遍历的例子： 1. 遍历数组： ```javascript var arr1 = [ "one", "two", "three", "four", "five" ]; ...
本文主要介绍了如何利用jQuery解析JSON数据，并通过实例详细阐述了在前端页面中利用jQuery处理从服务器端通过Servlet返回的JSON格式数据的具体方法。以下将结合提供的内容，具体介绍相关的知识点： 1. JSON数据格式...
以上就是关于"json数据jquery异步示例"的相关知识点，涵盖了JSON数据的创建、传输、解析以及jQuery中的异步操作和事件处理。在实际应用中，还需要考虑性能优化、安全性等问题，确保数据交互的高效和安全。
在JavaScript或jQuery代码中，我们可以通过`$.getJSON()`方法来获取服务器端的JSON数据。成功获取数据后，遍历JSON数组，使用`append()`方法将每一项数据转化为`<tr>`元素并插入到表格中。例如： ```javascript $....
在jQuery中，有两种主要的方法用来解析JSON数据：`$.parseJSON()` 和 `$.getJSON()`。 1. **$.parseJSON()**: 这是jQuery提供的一个函数，用于将一个JSON字符串转换为JavaScript对象。例如，如果你有一个名为`json...
《jQuery动态加载JSON数据》 在现代Web开发中，动态加载数据是提高用户体验的重要手段，尤其是在数据量大或者数据更新频繁的情况下。本文将详细介绍如何利用jQuery的AJAX功能，结合HTML5、CSS以及JSON，实现在网页...
这对于处理JSON格式的数据尤其有用，因为JSON数据结构往往是由对象和数组混合组成的。 总之，$.each()方法为处理数组和对象提供了一个简洁且高效的方式，无论是在小型项目还是大型应用中，它都是处理集合数据不可或...
读取到的JSON数据被解析为JavaScript对象数组，然后使用$.each方法遍历这个数组，将每个对象中的姓名、性别和邮箱信息拼接成字符串。最后，将这个字符串填充到id为"jsonTip"的div元素中。 示例中还展示了将JSON文件...
当使用jQuery进行异步请求（Ajax）时，有时会遇到需要解析JSON数据的情况。本文将详细讨论jQuery如何处理服务器返回的JSON数据，无论是以字符串形式还是直接的JSON对象。 首先，让我们看一个示例JSON字符串： ```...
本文将详细介绍如何在jQuery中解析JSON数据。 首先，JSON是一种数据交换格式，其结构与JavaScript对象相似，由键值对组成，通常以字符串的形式传输。在jQuery中，解析JSON数据主要有两种情况：一种是服务器返回的...
本文将详细讲解如何使用jQuery解析JSON和XML数据，通过给出的文件名称，我们可以推测这是一个关于Web应用中添加账户和应用的场景。 首先，让我们来看看JSON（JavaScript Object Notation）和XML（eXtensible Markup...
这篇博客将探讨如何使用 jQuery 解析和操作 JSON 数据。 首先，我们需要了解 JSON 的基本结构。JSON 是基于 JavaScript 语法的，它由键值对（key-value pairs）组成，可以是对象或数组。例如： ```json { "name":...
首先，jQuery提供了`$.getJSON()`函数，这是一个简便的方法用于发送异步GET请求到服务器并接收JSON数据。它的基本用法如下： ```javascript $.getJSON(url, data, function(json) { // 处理返回的json数据 }); ```...