怎么用jsp servlet ajax返回一个对象到ajax中,我用的StringBuilder,然后var obj = eval(data)老是报缺少“:”求解

当前位置:&>&&>&&>&
日期: 06:47:17&&来源:网络收集
JSON格式解析
String,Number 和 Boolean 用 JSON 表示非常简单。除了字符 ",/,/ 和一些控制符(/b,/f,/n,/r,/t)需要编码外,其他 Unicode 字符可以直接输出。Boolean 类型表示为 true 或 false 。此外,JavaScript 中的 null 被表示为 null,注意,true、false 和 null 都没有双引号,否则将被视为一个 String 。JSON 还可以表示一个数组对象,使用 [] 包含所有元素,每个元素用逗号分隔,元素可以是任意的 ValueObject 对象在 JSON 中是用 {} 包含一系列无序的 Key-Value 键值对表示的,实际上此处的 Object 相当于 Java 中的 Map&String, Object&,而不是 Java 的 Class 。注意 Key 只能用 String 表示。例如,一个 Address 对象包含如下 Key-Value:city:Beijing &street:Chaoyang Road &postcode:100025(整数)用 JSON 表示如下:{"city":"Beijing","street":" Chaoyang Road ","postcode":100025}其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:{"name":"Michael","address":&&& {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}}我们通过一个简单的 JavaScript 方法就能看到客户端如何将 JSON 数据表示给用户:function handleJson() { & var j={"name":"Michael","address":&&&&& {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}& }; & document.write(j.name); & document.write(j.address.city); &}假定服务器返回的 JSON 数据是上文的:{"name":"Michael","address":&&& {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}}只需将其赋值给一个 JavaScript 变量,就可以立刻使用该变量并更新页面中的信息了服务器端输出 JSON 格式数据以 Java 为例,我们将演示将一个 Java 对象编码为 JSON 格式的文本。将 String 对象编码为 JSON 格式时,只需处理好特殊字符即可。另外,必须用 (") 而非 (') 表示字符串:&&static String string2Json(String s) { &&& StringBuilder sb = new StringBuilder(s.length()+20); &&& sb.append('/"'); &&& for (int i=0; i&s.length(); i++) { &&&&&&& char c = s.charAt(i); &&&&&&& switch (c) { &&&&&&& case '/"': &&&&&&&&&&& sb.append("///""); &&&&&&&&&&& &&&&&&& case '//': &&&&&&&&&&& sb.append("////"); &&&&&&&&&&& &&&&&&& case '/': &&&&&&&&&&& sb.append("///"); &&&&&&&&&&& &&&&&&& case '/b': &&&&&&&&&&& sb.append("//b"); &&&&&&&&&&& &&&&&&& case '/f': &&&&&&&&&&& sb.append("//f"); &&&&&&&&&&& &&&&&&& case '/n': &&&&&&&&&&& sb.append("//n"); &&&&&&&&&&& &&&&&&& case '/r': &&&&&&&&&&& sb.append("//r"); &&&&&&&&&&& &&&&&&& case '/t': &&&&&&&&&&& sb.append("//t"); &&&&&&&&&&& &&&&&&& default: &&&&&&&&&&& sb.append(c); &&&&&&& } &&& } &&& sb.append('/"'); &&& return sb.toString(); &} &将 Number 表示为 JSON 就容易得多,利用 Java 的多态,我们可以处理 Integer,Long,Float 等多种 Number 格式:&&static String number2Json(Number number) { &&& return number.toString(); &} &Boolean 类型也可以直接通过 toString() 方法得到 JSON 的表示:&&static String boolean2Json(Boolean bool) { &&& return bool.toString(); &} &要将数组编码为 JSON 格式,可以通过循环将每一个元素编码出来:&&static String array2Json(Object[] array) { &&& if (array.length==0) &&&&&&& return "[]"; &&& StringBuilder sb = new StringBuilder(array.length && 4); &&& sb.append('['); &&& for (Object o : array) { &&&&&&& sb.append(toJson(o)); &&&&&&& sb.append(','); &&& } &&& // 将最后添加的 ',' 变为 ']': &&& sb.setCharAt(sb.length()-1, ']'); &&& return sb.toString(); &} &最后,我们需要将 Map&String, Object& 编码为 JSON 格式,因为 JavaScript 的 Object 实际上对应的是 Java 的 Map&String, Object& 。该方法如下:&&static String map2Json(Map&String, Object& map) { &&& if (map.isEmpty()) &&&&&&& return "{}"; &&& StringBuilder sb = new StringBuilder(map.size() && 4); &&& sb.append('{'); &&& Set&String& keys = map.keySet(); &&& for (String key : keys) { &&&&&&& Object value = map.get(key); &&&&&&& sb.append('/"'); &&&&&&& sb.append(key); &&&&&&& sb.append('/"'); &&&&&&& sb.append(':'); &&&&&&& sb.append(toJson(value)); &&&&&&& sb.append(','); &&& } &&& // 将最后的 ',' 变为 '}': &&& sb.setCharAt(sb.length()-1, '}'); &&& return sb.toString(); &} 为了统一处理任意的 Java 对象,我们编写一个入口方法 toJson(Object),能够将任意的 Java 对象编码为 JSON 格式:&&public static String toJson(Object o) { &&& if (o==null) &&&&&&& return "null"; &&& if (o instanceof String) &&&&&&& return string2Json((String)o); &&& if (o instanceof Boolean) &&&&&&& return boolean2Json((Boolean)o); &&& if (o instanceof Number) &&&&&&& return number2Json((Number)o); &&& if (o instanceof Map) &&&&&&& return map2Json((Map&String, Object&)o); &&& if (o instanceof Object[]) &&&&&&& return array2Json((Object[])o); &&& throw new RuntimeException("Unsupported type: " + o.getClass().getName()); &} JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的&&名称/值&对&集合。一个对象以&{&(左括号)开始,&}&(右括号)结束。每个&名称&后跟一个&:&(冒号);&&名称/值& 对&之间使用&,&(逗号)分隔。具体细节参考举个简单的例子:js 代码function showJSON() { && &&&&var user = && &&&& { && &&&&&&&&"username":"andy", && &&&&&&&&"age":20, && &&&&&&&&"info": { "tel": "123456", "cellphone": "98765"}, && &&&&&&&&"address": && &&&&&&&&&&&& [ && &&&&&&&&&&&&&&&& {"city":"beijing","postcode":"222333"}, && &&&&&&&&&&&&&&&& {"city":"newyork","postcode":"555666"} && &&&&&&&&&&&& ] && &&&& } && &&&& && &&&& alert(user.username); && &&&& alert(user.age); && &&&& .cellphone); && &&&& alert(user.address[0].city); && &&&& alert(user.address[0].postcode); && } && 这表示一个user对象,拥有username, age, info, address 等属性。同样也可以用JSON来简单的修改数据,修改上面的例子js 代码function showJSON() { && &&&&var user = && &&&& { && &&&&&&&&"username":"andy", && &&&&&&&&"age":20, && &&&&&&&&"info": { "tel": "123456", "cellphone": "98765"}, && &&&&&&&&"address": && &&&&&&&&&&&& [ && &&&&&&&&&&&&&&&& {"city":"beijing","postcode":"222333"}, && &&&&&&&&&&&&&&&& {"city":"newyork","postcode":"555666"} && &&&&&&&&&&&& ] && &&&& } && &&&& && &&&& alert(user.username); && &&&& alert(user.age); && &&&& .cellphone); && &&&& alert(user.address[0].city); && &&&& alert(user.address[0].postcode); && &&&& && &&&& user.username = "Tom"; && &&&& alert(user.username); && } && JSON提供了json.js包,下载 后,将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。js 代码function showCar() { && &&&&var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow"); && &&&& alert(carr.toJSONString()); && } && && function Car(make, model, year, color)&&&&&&& { && &&&&&this.make&& =&& && &&&&&this.model&& =&& && &&&&&this.year&& =&& && &&&&&this.color&& =&& && } && 可以使用eval来转换JSON字符到Objectjs 代码function myEval() { && &&&&var str = '{ "name": "Violet", "occupation": "character" }'; && &&&&var obj = eval('(' + str + ')'); && &&&& alert(obj.toJSONString()); && } && 或者使用parseJSON()方法js 代码function myEval() { && &&&&var str = '{ "name": "Violet", "occupation": "character" }'; && &&&&var obj = str.parseJSON(); && &&&& alert(obj.toJSONString()); && } && 下面使用prototype写一个JSON的ajax例子。先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话java 代码response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }");&& 再在页面中写一个ajax的请求js 代码function sendRequest() { && &&&&var url = "/MyWebApp/JSONTest1"; && &&&&var mailAjax = new Ajax.Request( && &&&&&&&& url, && &&&&&&&& { && &&&&&&&&&&&& method: 'get', && &&&&&&&&&&&& onComplete: jsonResponse && &&&&&&&& } && &&&& ); && } && && function jsonResponse(originalRequest) { && &&&& alert(originalRequest.responseText); && &&&&var myobj = originalRequest.responseText.parseJSON(); && &&&& alert(myobj.name); && } && prototype-1.5.1.js中提供了JSON的方法,String.evalJSON(), 可以不使用json.js, 修改上面的方法js 代码function jsonResponse(originalRequest) { && &&&& alert(originalRequest.responseText); && &&&&var myobj = originalRequest.responseText.evalJSON(true); && &&&& alert(myobj.name); && } && JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单,下面举个例子在javascript中填加请求参数js 代码function sendRequest() { && &&&&var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow"); && &&&&var pars = "car=" + carr.toJSONString(); && && &&&&var url = "/MyWebApp/JSONTest1"; && &&&&var mailAjax = new Ajax.Request( && &&&&&&&& url, && &&&&&&&& { && &&&&&&&&&&&& method: 'get', && &&&&&&&&&&&& parameters: pars, && &&&&&&&&&&&& onComplete: jsonResponse && &&&&&&&& } && &&&& ); && } && 使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)java 代码private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException { && &&&&&&&& String s3 = request.getParameter("car"); && &&&&&&&&try { && &&&&&&&&&&&&JSONObject jsonObj = new JSONObject(s3); && &&&&&&&&&&&& System.out.println(jsonObj.getString("model")); && &&&&&&&&&&&& System.out.println(jsonObj.getInt("year")); && &&&&&&&& } catch (JSONException e) { && &&&&&&&&&&&& e.printStackTrace(); && &&&&&&&& } && &&&&&&&& response.getWriter().print("{ /"name/": /"Violet/", /"occupation/": /"character/" }"); && &&&& } && 同样可以使用JSONObject生成JSON字符串,修改servletjava 代码private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException { && &&&&&&&& String s3 = request.getParameter("car"); && &&&&&&&&try { && &&&&&&&&&&&&JSONObject jsonObj = new JSONObject(s3); && &&&&&&&&&&&& System.out.println(jsonObj.getString("model")); && &&&&&&&&&&&& System.out.println(jsonObj.getInt("year")); && &&&&&&&& } catch (JSONException e) { && &&&&&&&&&&&& e.printStackTrace(); && &&&&&&&& } && &&&&&&&& && &&&&&&&&JSONObject resultJSON = new JSONObject(); && &&&&&&&&try { && &&&&&&&&&&&& resultJSON.append("name", "Violet") && &&&&&&&&&&&&&&&&&&&&&& .append("occupation", "developer") && &&&&&&&&&&&&&&&&&&&&&& .append("age", new Integer(22)); && &&&&&&&&&&&& System.out.println(resultJSON.toString()); && &&&&&&&& } catch (JSONException e) { && &&&&&&&&&&&& e.printStackTrace(); && &&&&&&&& } && &&&&&&&& response.getWriter().print(resultJSON.toString()); && &&&& } && js 代码function jsonResponse(originalRequest) { && &&&& alert(originalRequest.responseText); && &&&&var myobj = originalRequest.responseText.evalJSON(true); && &&&& alert(myobj.name); && &&&& alert(myobj.age); && }&& 参考使用JSONJSON也就是JavaScript Object Notation,是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。接下来你将看到它为什么如此重要。首先,来比较一下JSON和XML语法。JSON和XML都使用结构化方法描述数据。例如一个地址簿应用程序可以提供用来产生XML格式的地址卡的web服务:&?xml version='1.0' encoding='UTF-8'?&&card&&& &fullname&Sean Kelly&/fullname&&& &org&SK Consulting&/org&&& &emailaddrs&&&&&& &address type='work'&kelly@seankelly.biz&/address&&&&&& &address type='home' pref='1'&kelly@seankelly.tv&/address&&& &/emailaddrs&&& &telephones&&&&&& &tel type='work' pref='1'&+1 214 555 1212&/tel&&&&&& &tel type='fax'&+1 214 555 1213&/tel&&&&&& &tel type='mobile'&+1 214 555 1214&/tel&&& &/telephones&&& &addresses&&&&&& &address type='work' format='us'&1234 Main St&&&&&&&& Springfield, TX &/address&&&&&& &address type='home' format='us'&5678 Main St&&&&&&&& Springfield, TX &/address&&& &/addresses&&& &urls&&&&&& &address type='work'&http://seankelly.biz/&/address&&&&&& &address type='home'&http://seankelly.tv/&/address&&& &/urls&&/card&使用JSON, 形式如下:{&& "fullname": "Sean Kelly",&& "org": "SK Consulting",&& "emailaddrs": [&&&&& {"type": "work", "value": "kelly@seankelly.biz"},&&&&& {"type": "home", "pref": 1, "value": "kelly@seankelly.tv"}&& ],&&& "telephones": [&&&&& {"type": "work", "pref": 1, "value": "+1 214 555 1212"},&&&&& {"type": "fax", "value": "+1 214 555 1213"},&&&&& {"type": "mobile", "value": "+1 214 555 1214"}&& ],&& "addresses": [&&&&& {"type": "work", "format": "us",&&&&&& "value": "1234 Main StnSpringfield, TX "},&&&&& {"type": "home", "format": "us",&&&&&& "value": "5678 Main StnSpringfield, TX "}&& ],&&& "urls": [&&&&& {"type": "work", "value": "http://seankelly.biz/"},&&&&& {"type": "home", "value": "http://seankelly.tv/"}&& ]}如你所看到的,JSON有结构化的嵌套数据元素,这一点和XML相似。JSON也是基于文本的,XML也是如此。两者都使用Unicode。 JSON和XML都很容易阅读。主观上,JSON更清晰,冗余更少。JSON WEB站点严格地描述了JSON语法,目前就是这样的。它确实是一个简单的小语言! XML确实适合标记文档,但是JSON是数据交互的理想格式。每个JSON文档描述了一个这样一个对象,该对象包含有:嵌套对象、数组、字符串、数字、布 尔值或空值。在这些地址卡例子代码中,JSON版本是更轻量级的,只占用了682字节的空间,而XML版本需要744字节空间。尽管这不是一个可观的节省。而实际的好处则来自解析过程。XML对比JSON:地位丧失通过使用XMLHttpRequest对象,可以从你的基于AJAX的应用程序取得XML和JSON文件。典型的,交互代码如下:var req = new XMLHttpRequest();req.open("GET", "http://localhost/addr?cardID=32", /*async*/true);req.onreadystatechange = myHreq.send(/*no params*/null);作为WEB服务器响应,你提供的处理器函数(myHandler函数)被多次调用,为你提供提前终止事务,更新进度条等机会。通常的,只有在web请求完成以后才起作用:那时,你就可以使用返回的数据了。为了处理XML版本的地址卡数据,myHandler的代码如下:function myHandler() {&& if (req.readyState == 4 /*complete*/) {&&&&&& // Update address field in a form with first street address&&&&&& var addrField&& = document.getElementById('addr');&&&&&& var root&&&&&&& = req.responseXML;&&&&&& var addrsElem&& = root.getElementsByTagName('addresses')[0];&&&&&& var firstAddr&& = addrsElem.getElementsByTagName('address')[0];&&&&&& var addrText&&& = fistAddr.firstC&&&&&& var addrValue&& = addrText.nodeV&&&&&& addrField.value = addrV&& }}值得注意的是你不必解析XML文档:XMLHttpRequest对象自动地解析了,并使responseXML中的DOM树可用。通过使用 responseXML属性,可以调用getElementsByTagName方法查找文档的地址部分,你还可以使用第一个去找到它。然后,可以再次调 用getElementsByTagName在地址部分查找第一个地址元素。这就取得了文档的第一个DOM子节点,就是一个文本节点,并取得节点的值,这 就是你想要的街道地址。最后,可以在表单域中显示结果。确实不是一个简单的工作,现在,使用JSON再试一下:function myHandler() {&& if (req.readyState == 4 /*complete*/) {&&&&&& var addrField = document.getElementById('addr');&&&&&& var card = eval('(' + req.responseText + ')');&&&&&& addrField.value = card.addresses[0].&& }}你所做的第一件事情就是解析JSON响应。但是,因为JSON是JavaScript的一个子集,你可以使用JavaScript自己的编译器来解析它, 通过调用eval函数。解析JSON仅需要一行!此外,操纵JSON中的对象就像操纵其他JavaScript对象一样。这显然要比通过DOM树来操纵简 单,例如: card.addresses[0].value 是第一个街道地址, "1234 Main Stb &" card.addresses[0].type 是地址类型, "work" card.addresses[1] 是家庭地址对象 card.fullname 是card的名称, "Sean Kelly" 如果更仔细观察,你可能会发现XML格式中文档至少有一个跟元素,card。这在JSON里是不存在的,为什么? 大概就是,如果你正在开发JavaScript来访问Web服务,你已经知道你想要得到的。然而,你可以在JSON中这么使用:{"card": {"fullname": ...}}使用这个技术,你的JSON文件总是以一个带有单一命名属性的对象开始,该属性标识了对象的种类。JSON是快速可靠的吗? JSON提供轻量的小文档,并且JSON在JavaScript更容易使用。XMLHttpRequest自动为你解析了XML文档,而你还要手工解析 JSON文件,但是解析JSON比解析XML更慢么?作者通过几千次的反复测试,使用XMLHttpRequest解析XML和解析JSON,结果是解析 JSON比XML要快10倍!当把AJAX当作桌面应用看待时,速度是最重要的因素,很明显,JSON更优秀。当然,你不能总是控制服务器端来为AJAX程序产生数据。你还可以使用第三方服务器代替服务器提供XML格式的输出。并且,如果服务器恰好提供JSON,你可以确定你真的想使用它吗?代码中值得注意的是,你将响应文本直接传入到eval中。如果你控制着服务器,就可以这么做。如果不是,一个恶意服务器可以使你的浏览器执行危险操作。在这样的情况下,你最好使用写在JavaScript中的代码来解析JSON。幸运地,这已经有了。说到解析,Python爱好者可能注意到JSON不只是JavaScript的子集,它还是Python的一个子集。你可以在Python中直接执行JSON,或者使用安全JSON解析代替。JSON.org网站列举了许多常用JSON解析器。服务器端的JSON到现在为止,你或许将焦点注意在运行在客户浏览器中的基于AJAX的web应用程序使用JSON。自然地,首先,JSON格式的数据必须在服务器端产生。 幸运地是,创建JSON或将其他存在的数据转换成JSON是相当简单的。一些WEB应用程序框架,例如TurboGears,自动包括对JSON输出的支 持。此外商业WEB服务提供商也注意到了JSON。Yahoo最近创建了许多基于JSON的web服务。Yahoo的多种搜索服务,履行计 划,del.icio.us,还有高速公路交通服务也都支持JSON输出。毫无疑问,其他主要WEB服务提供商也将加入到对JSON的支持中。总结JSON的聪明在于它是JavaScript和Python的子集,使得它更易用,为AJAX提供高效的数据交互。它解析更快,比 XML更易使用。JSON正成为现在&Web 2.0&的最强音。每个开发者,无论是标准桌面应用程序或Web应用程序,越来越注意到了它的简单和便捷。我希望你能体会到在buzzword- compliant, Web-2.0-based, AJAX-enabled, 敏捷开发中应用到JSON的乐趣。&javascript中eval函数与json数据之间的使用关系: 本文主要介绍eval函数和JSON数据格之间的联系以及他们在使用上需要注意的一些细节上的问题。 首先看一下eval函数的工作原理: eval函数会评估一个给定的含有JavaScript的字符串,并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用作为返回值。 例如: var bar = 'bar'; var foobar = eval('"foo" + bar'); alert(foobar); eval评估JavaScript语句 var bar = 'bar';// if variable bar equals 'bar', foobar is the result of // last executing statement: bar="foo-bar"; var foobar = eval('if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}'); alert(foobar); // change the valuebar = 'foo'; // now our the last executed statement is: bar = "bar-foo"; // therefore the value of variable foobar has been changed // into 'bar-foo' foobar = eval('if(bar == "bar") {bar="foo-bar";} else {bar = "bar-foo";}'); alert(foobar); JSON的格式 JSON的格式是由大括号和由冒号(:)构成的名值对所组成的。注意JSON格式与对象字面量 (object literals) 的区别:JSON的名字部分严格用引号+名字来表示。 例如: json对象 var objectLiteral = { name: "Objector.L", age: "24", special: "JavaScript", sayName: function() { return this. }}; JSON对象 var jsonFormat = { "summary": "Blogs", "blogrolls": [ { "title": "Explore JavaScript", "link": "/" }, { "title": "Explore JavaScript", "link": "/" } ] }; eval和JSON: 由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号: var jsonObject = eval("(" + jsonFormat + ")"); 为什么要加括号? 加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的: alert(eval("{}"); // return undefinedalert(eval("({})"); // return object[Object] JSON格式的名字部分为什么要加引号? 因为eval函数会将{foo:&bar&}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。 举例说明 eval错误解析语义 alert(eval('{foo:"bar"}')); // return "bar", incorrect eval正确解析JSON alert(eval('({"foo": "bar"})')); // return JSON object, correct 结论 理解eval的工作原理和json的严格的限定格式,合理结合eval和json应用于JavaScript的数据传递和对象转换。 下面这种格式 eval('{' + jsonString + ')');
阅读统计:[]
?上一篇文章:
?下一篇文章:
Copyright &
. All Rights Reserved .有一个javabean : Stock.java
有一个Servlet: TestStockServlet.java
有一个 页面:TestStock.html
Js:&&&&&&&&&& jquerystock.js
Stock.java
&* Created by IntelliJ IDEA.
&* User: wenbing lu
&* Time: 9:22:48
&* To change this template use File | Settings | File Templates.
public class Stock {
&&& private S
&&& private S
&&& private double yestdayP
&&& private double todayP
&&& private double nowP
&&& public Stock(String name, String id, double yestdayPrice, double todayPrice) {
&&&&&&& this.name =
&&&&&&& this.id =
&&&&&&& this.yestdayPrice = yestdayP
&&&&&&& this.todayPrice = todayP
&&&&&&& this.nowPrice =& todayP
&&& public String getName() {
&&& public void setName(String name) {
&&&&&&& this.name =
&&& public String getId() {
&&& public void setId(String id) {
&&&&&&& this.id =
&&& public double getYestdayPrice() {
&&&&&&& return yestdayP
&&& public void setYestdayPrice(double yestdayPrice) {
&&&&&&& this.yestdayPrice = yestdayP
&&& public double getTodayPrice() {
&&&&&&& return todayP
&&& public void setTodayPrice(double todayPrice) {
&&&&&&& this.todayPrice = todayP
&&& public double getNowPrice() {
&& &&&&&return nowP
&&& public void setNowPrice(double nowPrice) {
&&&&&&& this.nowPrice = nowP
&&& public String toString(){
&&&&&&& return this.name + ": " + this.nowP
TestStockServlet.java
import javax.servlet.http.HttpS
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import javax.servlet.ServletE
import java.io.IOE
import java.io.PrintW
import java.util.HashM
&* Created by IntelliJ IDEA.
&* User: wenbing lu
&* Time: 9:32:34
&* To change this template use File | Settings | File Templates.
public class TestStockServlet extends HttpServlet {
&&& private HashMap&String,Stock& S
&&& protected void doPost(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws ServletException, IOException {
&&&&&& doGet(httpServletRequest, httpServletResponse);
&&& @Override
&&& protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
&&&&&&& //设置随机数
&&&&&&& double sz = Math.random() * 20;
&&&&&&& double pf = Math.random() * 0.5;
&&&&&&& //根据随机数的奇偶来判断上涨还是下跌
&&&&&&& boolean flagsz = ((int)(Math.random() * 10)) % 2 == 0;
&&&&&&& boolean flagpf = ((int)(Math.random() * 10)) % 2 == 0;
&&&&&&& Stock szzs = Stocks.get("00001");
&&&&&&& Stock pufa = Stocks.get("00002");
&&&&&&& //对股票当前指数进行加减
&&&&&&& if(flagsz)& {
&&&&&&&&&&& temp = szzs.getNowPrice() +
&&&&&&& }else{
&&&&&&&&&&& temp = szzs.getNowPrice() -
&&&&&&& //取小数点后两位
&&&&&&& temp = ((int)(temp * 100) /100.0);
&&&&&&& szzs.setNowPrice(temp);
&&&&&&& if(flagpf)& {
&&&&&&&&&&& temp = pufa.getNowPrice() +
&&&&&&& }else{
&&&&&&&&&&& temp = pufa.getNowPrice() -
&&&&&&& temp = ((int)(temp * 100) /100.0);
&&&&&&& pufa.setNowPrice(temp);
&&&&&&& response.setContentType("text/charset=gbk");
&&&&&&& PrintWriter out = response.getWriter();
&&&&&&& //out.println(szzs + "&br/&" + pufa);
&&&&&&& //采用json的数据格式返回股票信息
&&&&&&& StringBuilder builder = new StringBuilder();
&&&&&&& //数组的方式回传两个股票对象
&&&&&& /* builder.append("[{ name:\" ").append(szzs.getName()).append(" \",")
&&&&&&&&&&&&&& .append("id: \"").append(szzs.getId()).append(" \",")
&&&&&&&&&&&&&& .append("yes: ").append(szzs.getYestdayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("tod: ").append(szzs.getTodayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("now: ").append(szzs.getNowPrice()).append(" },")
&&&&&&&&&&&&&& .append("{ name: \"").append(pufa.getName()).append(" \",")
&&&&&&&&&&&&&& .append("id: \"").append(pufa.getId()).append(" \",")
&&&&&&&&&&&&&& .append("yes: ").append(pufa.getYestdayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("tod: ").append(pufa.getTodayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("now: ").append(pufa.getNowPrice()).append(" }]");
&&&&&&& out.println(builder);*/
&&&&&& /* [{
&&&&&&&&&& name:"szzs.getName()",
&&&&&&&&&&& id: "szzs.getId()",
&&&&&&&&&&& yes: szzs.getYestdayPrice(),
&&&&&&&&&&& tod: szzs.getTodayPrice(),
&&&&&&&&&&& now: szzs.getNowPrice()
&&&&&&& },
&&&&&&&&&& name:"pufa.getName()",
&&&&&&&&&&& id: "pufa.getId()",
&&&&&&&&&&& yes: pufa.getYestdayPrice(),
&&&&&&&&&&& tod: pufa.getTodayPrice(),
&&&&&&&&&&& now: pufa.getNowPrice()
&&&&&&& }]
*/&&&& //对象的方式回传两个股票对象
&&&&&&& /*{
&&&&&&&&&&& szzs.getId():
&&&&&&&&&&& {
&&&&&&&&&&& name:"szzs.getName()",
&&&&&&&&&&& yes: szzs.getYestdayPrice(),
&&&&&&&&&&& tod: szzs.getTodayPrice(),
&&&&&&&&&&& now: szzs.getNowPrice()
&&&&&&&&&&& },
&&& &&&&&&&&pufa.getId():
&&&&&&&&&&& {
&&&&&&&&&&& name:"pufa.getName()",
&&&&&&&&&&& yes: pufa.getYestdayPrice(),
&&&&&&&&&&& tod: pufa.getTodayPrice(),
&&&&&&&&&&& now: pufa.getNowPrice()&
&&&&&&&&&&& }
&&&&&& /* }*/
&&&&&&& //,如果采用对象的方式返回对象,要在对象上加括号
&&&& &&&builder.append("({ \"").append(szzs.getId()).append("\" : {")
&&&&&&&&&&&&&& .append("name: \"").append(szzs.getName()).append(" \",")
&&&&&&&&&&&&&& .append("yes: ").append(szzs.getYestdayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("tod: ").append(szzs.getTodayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("now: ").append(szzs.getNowPrice()).append(" },\"")
&&&&&&&&&&&&&& .append(pufa.getId()).append("\" : {")
&&&&&&&&&&&&&& .append("name: \"").append(pufa.getName()).append(" \",")
&&&&&&&&&&&&&& .append("yes: ").append(pufa.getYestdayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("tod: ").append(pufa.getTodayPrice()).append(" ,")
&&&&&&&&&&&&&& .append("now: ").append(pufa.getNowPrice()).append(" }})");
&&&&&&& out.print(builder);
&&& @Override
&&& public void init() throws ServletException {
&&&&&&& Stocks = new HashMap&String,Stock&();
&&&&&&& Stock szzs = new Stock("上证指数","0.0,2999.0);
&&&&&&& Stock pufa = new Stock("浦发银行","0,24.0);
&&&&&&& Stocks.put(szzs.getId(),szzs);
&&&&& &&Stocks.put(pufa.getId(),pufa);
&&&&&&& System.out.println(Stocks);
TestStock.html
&&& &title&&/title&
&&& &script type="text/javascript" src="jslib/jquery.js"&&/script&
&&& &script type="text/javascript" src="jslib/jquerystock.js"&&/script&
&&&&& &div id="00001"&&a href="#"&上证指数:&/a&&span&&/span&&/div&
&&&&& &div id="00002"&&a href="#"&浦发银行:&/a&&span&&/span&&/div&
jquerystock.js
$(document).ready(function(){
&&& getInfo();
&&& //每隔一秒和服务器进行交互
&&& setInterval(getInfo,1000);
function getInfo(){
&&& //向服务器端发起请求,获取数据
&&&& $.get("TestStockServlet",null,function(data){
&&&&&&& //接收数据, 解析数据
&&&&&&& var obj = eval(data);
&&&&&&& //获取两个对象
&&&&&&& var szzs = obj["00001"];
&&&&&&& var pufa = obj["00002"];
&&&&&&& //找到页面对应的节点,填充股票价格
&&&&&& var span1 =& $("#00001").children("span");
&&&&&&&& span1.html(szzs.now);
&&&&&&&& if(szzs.now & szzs.yes){
&&&&&&&&&&&& span1.css("color","red");
&&&&&&&& }else{
&&&&&&&&&&&& span1.css("color","green");
&&&&&&&& }
&&&&& &var span2 =& $("#00002").children("span");
&&&&&&&& span2.html(pufa.now);
&&&&&&&& if(pufa.now & pufa.yes){
&&&&&&&&&&&& span2.css("color","red");
&&&&&&&& }else{
&&&&&&&&&&&& span2.css("color","green");
&&&&&&&& }
我参与的团队
积分与排名
评论排行榜
阅读排行榜

我要回帖

更多关于 jsp servlet ajax 的文章

 

随机推荐