JSON数据格式以及与后台交互数据转换实例
/* 作者：烟大阳仔 时间：20131013 介绍:主要了解一下json的格式，看看数据是怎么存储的
*/
<!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"> /* class person { Integer id; String name; } Person p=new Person(); */ //jason格式标识一个对象 var people={"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}; //alert(people.firstName); //json标识多个人 var people2= [ {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ] //alert(people2[1].firstName); //别名： var people3={"person": [ {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ] } //alert(people3.person[1].firstName); var people3={ "person1": [ {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ], "person2": [ {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ], "person3": [ {"firstName":"wy","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"}, {"firstName":"zhangsan","lastName":"hao","email":"1221@qq.com"} ] } //alert(people3.person3[0].firstName); </script> </head> <body>
</body> </html>
-------------------------------------------------------------------------------------------------------------
/* 作者：烟大阳仔 时间：20131013 介绍:主要了学习一下json与后台交互的时候数据的转换
*/
<!DOCTYPE html> <html> <head> <title>json2.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript"> function ajaxFunction() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) {
// Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
try { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX！"); return false; } } } return xmlHttp; } window.onload=function() { document.getElementById("sub").onclick=function() { var xmlReq=ajaxFunction(); xmlReq.onreadystatechange=function() { if(xmlReq.readyState==4) { if(xmlReq.status==200||xmlReq.status==304) { var data=xmlReq.responseText; //{pid:1,pname:'山东省'} //alert(data); var dataObj=eval("("+data+")"); //alert(dataObj); //alert(dataObj.pname); for(var i=0;i<dataObj.length;i++) { alert(dataObj[i].id+" "+dataObj[i].addre); } } } } xmlReq.open("post","../jsonServlet?timeStamp="+new Date().getTime(),true); xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //alert("adsada"); /* * 3.发送数据 * */ xmlReq.send("b=0"); } } </script> </head> <body> <input type="submit" value="提交" name="sub" id="sub"/> <select id="province" name="province"> <option value="">请选择...</option> </select> </body> </html>
package cn.com.Demo;
import java.io.IOException; import java.io.PrintWriter; 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.JsonConfig;
import cn.com.bean.Province;
public class jsonServlet extends HttpServlet {
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setContentType("text/html; charset=utf-8"); PrintWriter out=response.getWriter(); System.out.println("---------------Post-----------------------"); System.out.println(request.getParameter("b")); //out.write("你好！"); //一个省份的时候 //String str2="{pid:1,pname:'山东省'}"; //out.write(str2); //多个省份的时候 //String str="[{pid:1,pname:'山东省'},{pid:2,pname:'四川'},{pid:3,pname:'北京'},{pid:4,pname:'上海'}]"; //out.write(str); // List<Province> list=new ArrayList<Province>(); Province p1=new Province(1,"山东"); Province p2=new Province(2,"北京"); Province p3=new Province(3,"上海"); list.add(p1); list.add(p2); list.add(p3); JsonConfig config=new JsonConfig(); config.setExcludes(new String[]{"id"}); JSONArray jsonArray=JSONArray.fromObject(list,config); out.write(jsonArray.toString()); System.out.println(jsonArray.toString()); }
}
JSON数据格式以及与后台交互数据转换实例的更多相关文章
- $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互
一.ajax 1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json 2 ajax干啥用的?前后端做数据交互: 3 之前学的跟后台做交互的方式: -第一种:在浏览器 ...
- 如何用CropBox实现头像裁剪并与java后台交互
如何用CropBox实现头像裁剪并与java后台交互 参考网站:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob 参考: http://blo ...
- struts2 + jquery + json 简单的前后台信息交互
ajax 是一种客户端与服务器端异步请求的交互技术.相比同步请求,大大提高了信息交互的速度和效率.是当下非常实用和流行的技术. 这里简单的说明 struts2 + jquery + json 下的 信 ...
- ajax简单后台交互
ajax简单后台交互 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘,让你每每 ...
- 一、Ajax 二、JSON数据格式 三、Ajax+Jquery 四、分页的实现
一.Ajax概述###<1>概述 ###<2>组成 以XMLHttpRequest为核心,发送Ajax请求和接收处理结果 以javascript为语言基础 以XML/JSON作 ...
- ECharts 与struts的后台交互之柱状图
ECharts主页: http://echarts.baidu.com/index.html ECharts-2.1.8下载地址: http://echarts.baidu.com/build/e ...
- 第4章-Vue.js 交互及实例的生命周期
一.学习目标 了解实例生命周期的过程 理解钩子函数的作用 掌握Vue.js过滤器的使用方法 (重点) 能够使用网络请求进行前后端交互 (重点.难点) 二.交互的基本概念 2.1.前端和后端的概念 说明 ...
- 微信小程序实战,与后台交互
index.wxml <view class="container"> <text>{{txt}}</text> <input name= ...
- AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象
ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1.优化用户体验 2.承担了一部分本该服务器端的工作,减轻了 ...
随机推荐
- poj 1753 Flip Game 枚举（bfs+状态压缩）
题目:http://poj.org/problem?id=1753 因为粗心错了好多次……,尤其是把1<<15当成了65535: 参考博客:http://www.cnblogs.com/k ...
- CodeForces Round #285 Div.2
C.Misha and Forest (图论 BFS) 比赛进行了一半才想起来有场CF没打,=_=|| 前两道题快速切掉,C题一直卡没什么好的思路 憋了几天,忍不住偷偷瞄了一下别人AC的代码,发现我题 ...
- UVa 221 (STL 离散化) Urban Elevations
题意: 作图为n个建筑物的俯视图,右图为从南向北看的正视图,按从左往右的顺序输出可见建筑物的标号. 分析: 题中已经说了,要么x相同,要么x相差足够大,不会出现精度问题. 给这n个建筑物从左往右排序, ...
- ASP.NET MVC 入门10、Action Filter 与 内置的Filter实现(实例-防盗链)
于ASP.NET MVC Preview5. 前一篇中我们已经了解了Action Filter 与 内置的Filter实现,现在我们就来写一个实例.就写一个防盗链的Filter吧. 首先继承自Filt ...
- mkimage工具 加载地址和入口地址 内核启动分析
第三章第二节 mkimage工具制作Linux内核的压缩镜像文件,需要使用到mkimage工具.mkimage这个工具位于u-boot-2013. 04中的tools目录下,它可以用来制作不压缩或者压 ...
- POJ 2352 Stars
题意:有一堆星星,每个星星的级别为坐标不高于它且不在它右边的星星个数,求级别为0-n - 1的星星个数. 解法:树状数组.输入的星星坐标已经按y坐标升序排序,y坐标相等的按x升序排序,所以每输入一个数 ...
- HDU 4389 X mod f(x)
题意:求[A,B]内有多少个数,满足x % f(x) == 0. 解法:数位DP.转化为ans = solve(b) - solve(a - 1).设dp[i][sum][mod][r]表示长度为i, ...
- C# 等待另外一个窗体关闭，再进行主线程的代码
方法1 用Form类或其子类的showDialog方法. 比如你在form1里有一个按扭,然后你在Form1的点击事件里写上显示form2的代码: Form2 frm=new Form2(); frm ...
- 基于QT的一个简易的安防
工程描述 opencv2.4.8 QT5 背景建模后,当有异物入侵时,把入侵的帧写到视频文件 使用BackgroundSubtractorMOG2背景建模 程序基于QT对话框 .pro #------ ...
- 机器学习总结之逻辑回归Logistic Regression
机器学习总结之逻辑回归Logistic Regression 逻辑回归logistic regression,虽然名字是回归,但是实际上它是处理分类问题的算法.简单的说回归问题和分类问题如下: 回归问 ...