/*

作者：烟大阳仔

时间：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数据格式以及与后台交互数据转换实例的更多相关文章

  1. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

  2. 如何用CropBox实现头像裁剪并与java后台交互

    如何用CropBox实现头像裁剪并与java后台交互 参考网站:https://developer.mozilla.org/zh-CN/docs/Web/API/Blob 参考: http://blo ...

  3. struts2 + jquery + json 简单的前后台信息交互

    ajax 是一种客户端与服务器端异步请求的交互技术.相比同步请求,大大提高了信息交互的速度和效率.是当下非常实用和流行的技术. 这里简单的说明 struts2 + jquery + json 下的 信 ...

  4. ajax简单后台交互

    ajax简单后台交互 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘,让你每每 ...

  5. 一、Ajax 二、JSON数据格式 三、Ajax+Jquery 四、分页的实现

    一.Ajax概述###<1>概述 ###<2>组成 以XMLHttpRequest为核心,发送Ajax请求和接收处理结果 以javascript为语言基础 以XML/JSON作 ...

  6. ECharts 与struts的后台交互之柱状图

    ECharts主页:  http://echarts.baidu.com/index.html ECharts-2.1.8下载地址:  http://echarts.baidu.com/build/e ...

  7. 第4章-Vue.js 交互及实例的生命周期

    一.学习目标 了解实例生命周期的过程 理解钩子函数的作用 掌握Vue.js过滤器的使用方法 (重点) 能够使用网络请求进行前后端交互 (重点.难点) 二.交互的基本概念 2.1.前端和后端的概念 说明 ...

  8. 微信小程序实战,与后台交互

    index.wxml <view class="container"> <text>{{txt}}</text> <input name= ...

  9. AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

    ajax 不重新加载整个网页的情况下,更新部分网页的技术 注意:ajax只有在服务器上运行才能生效,我在本地一般用phpstudy 优点: 1.优化用户体验 2.承担了一部分本该服务器端的工作,减轻了 ...

随机推荐

  1. Oracle tnsname.ora 链接问题

    oracle数据库需要配置tns链接 这里我发现了一个问题: 在D:\Oracle\product\10.1.0\Client_3\NETWORK\ADMIN 目录中配置链接字符串的时候要特别注意: ...

  2. BZOJ2893: 征服王

    题解: 裸的上下界最小流是有问题的.因为在添加了附加源之后求出来的流,因为s,t以及其它点地位都是平等的.如果有一个流经过了s和t,那么总可以认为这个流是从s出发到t的满足题意的流. 既然可能存在s到 ...

  3. c# equals与==的区别

    对于值类型,如果对象的值相等,则相等运算符 (==) 返回 true,否则返回 false.对于string 以外的引用类型,如果两个对象引用同一个对象,则 == 返回 true.对于 string ...

  4. 奋战5个小时解决诡异的PHP--“图像XX因其本身有错无法显示”的问题

    昨天终于将客户的一个网站迁移至虚拟主机上,满怀希望的敲入网址.唰的一声,网站很轻松的被打开了. 心里那个高兴啊~~~ 咦,怎么产品图片都没有显示出来.一块块都是空白.敲入img src对应的地址,看看 ...

  5. jquery 上传空间uploadify使用笔记

    基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...

  6. HDU 5698 瞬间移动

    瞬间移动 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Submis ...

  7. 研究一家公司 z

    第一部分:确定一家公司的“质地”(描绘一家公司的总体印象)              1.1 天花板       天花板是指企业或行业的产品(或服务)趋于饱和.达到或接近供大于求的状态.在进行投资之前 ...

  8. uvalive 3263 That Nice Euler Circuit

    题意:平面上有一个包含n个端点的一笔画,第n个端点总是和第一个端点重合,因此团史一条闭合曲线.组成一笔画的线段可以相交,但是不会部分重叠.求这些线段将平面分成多少部分(包括封闭区域和无限大区域). 分 ...

  9. uva 11468 Substring

    题意:给你 k 个模板串,然后给你一些字符的出现概率,然后给你一个长度 l ,问你这些字符组成的长度为 l 的字符串不包含任何一个模板串的概率. 思路:AC自动机+概论DP 首先用K个模板构造好AC自 ...

  10. 50道经典的JAVA编程题 （11-15）

    50道经典的JAVA编程题 (11-15),新年的第一天,继续啦...\(^o^)/~,这50道题都跨年了啊...哈哈 [程序11] TestTN.java 题目:有1.2.3.4个数字,能组成多少个 ...