简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式。
JSON的优点：
1、基于纯文本，跨平台传递极其简单；
2、Javascript原生支持，后台语言几乎全部支持；
3、轻量级数据格式，占用字符数量极少，特别适合互联网传递；
4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的；
5、容易编写和解析，当然前提是你要知道数据结构；
JSON的格式或者叫规则：
JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲。
1、JSON只有两种数据类型描述符，大括号{}和方括号[]，其余英文冒号:是映射符，英文逗号,是分隔符，英文双引号""是定义符。
2、大括号{}用来描述一组“不同类型的无序键值对集合”（每个键值对可以理解为OOP的属性描述），方括号[]用来描述一组“相同类型的有序数据集合”（可对应OOP的数组）。
3、上述两种集合中若有多个子项，则通过英文逗号,进行分隔。
4、键值对以英文冒号:进行分隔，并且建议键名都加上英文双引号""，以便于不同语言的解析。
5、JSON内部常用数据类型无非就是字符串、数字、布尔、日期、null 这么几个，字符串必须用双引号引起来，其余的都不用，日期类型比较特殊，这里就不展开讲述了，只是建议如果客户端没有按日期排序功能需求的话，那么把日期时间直接作为字符串传递就好，可以省去很多麻烦。
JSONP是怎么产生的：
1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；
2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>）；
3、于是可以判断，当前阶段如果想通过纯web端（ActiveX控件、服务端代理、属于未来的HTML5之Websocket等方式不算）跨域访问数据就只有一种可能，那就是在远程服务器上设法把数据装进js格式的文件里，供客户端调用和进一步处理；
4、恰巧我们已经知道有一种叫做JSON的纯字符数据格式可以简洁的描述复杂数据，更妙的是JSON还被js原生支持，所以在客户端几乎可以随心所欲的处理这种格式的数据；
5、这样子解决方案就呼之欲出了，web客户端通过与调用脚本一模一样的方式，来调用跨域服务器上动态生成的js格式文件（一般以JSON为后缀），显而易见，服务器之所以要动态生成JSON文件，目的就在于把客户端需要的数据装入进去。
6、客户端在对JSON文件调用成功之后，也就获得了自己所需的数据，剩下的就是按照自己需求进行处理和展现了，这种获取远程数据的方式看起来非常像AJAX，但其实并不一样。
7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。
***********************转自http://www.cnblogs.com/pandang/p/5341250.html 略有改动***********
浏览器不允许Ajax跨站请求，所以存在Ajax跨域问题，目前主要有两种办法解决。
1、在请求页面上使用Access-Control-Allow-Origin标头。
使用如下标头可以接受全部网站请求：
header('Access-Control-Allow-Origin:*')
使用如下标头可以接受指定网站请求：
header('Access-Control-Allow-Origin:http://www.abc.com')
所以，服务器写法：
header('Access-Control-Allow-Origin:*');
die( json_encode(array('msg'=>'msg....')) );
ajax写法和平常一样：
1 <!DOCTYPE html> 2 <html lang="en" class=""> 3 <head>http://i.cnblogs.com/EditPosts.aspx?opt=1 4 <meta charset="utf-8" /> 5 <title>测试</title> 6 <script src="http://www.ysont.cn/plugs/cookie/js/jquery-1.11.1.min.js"></script> 7 <body> 8 <script> 9 $.ajax({ 10 url:'http://192.168.1.124/homekoo.com/zde/cors_1.php', 11 dataType:'json', 12 success:function(data){ 13 alert(data.msg); 14 } 15 }); 16 </script> 17 </body> 18 </html>
2、使用jsonp跨域请求。
服务器：
1 @RequestMapping(value = "bornJson", produces = "application/json; charset=utf-8") 2 @ResponseBody 3 public String bornJson(HttpServletRequest request,HttpServletResponse response) { 4 response.addHeader("Access-Control-Allow-Origin", "*");
String json = "{ "firstName":"John" , "lastName":"Doe" }" ;
5 json = "flightHandler("+json+")";
7 return json;
8 }
ajax请求：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0px auto; padding:0px; font-family:"微软雅黑"} #div1{ width:500px; margin:100px auto 0;} </style> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="json.js"></script> <script type="text/javascript"> //ajax分页开始 window.onload=function() { var div=document.getElementById('div1'); var btn=document.getElementById('btn'); var time=document.getElementById('time'); var num=document.getElementById('num'); var state=document.getElementById('state'); /*var script=document.createElement('script'); script.src='http://192.168.60.107/XSCP/examOutline/tingting.htm'; document.body.appendChild(script);*/ btn.onclick=function(){ $.ajax({ url:'http://192.168.60.104:8080/XSCP/smstudentCon/bornJson.htm', async:true, //或false,是否异步,true为异步 //data:'', timeout:1000, //超时时间 dataType:'JSONP', jsonp: "callback", jsonpCallback:"flightHandler", success:function(data){ console.log(data); }, error:function(data){ console.log('错误'); }, complete:function(){ console.log('结束'); } }); } }; </script> </head> <body> <div id="div1"> <button id="btn">查看</button><br /> <!--就诊时间--> 时间：<div id="time"></div><br /> <!--就诊号--> 就诊号：<div id="num"></div><br /> <!--就诊状态 1是挂号 2是预约--> 预约状态<div id="state"></div><br /> 数量<div id="count"></div> </div> </body> </html>
在ajax请求中，使用jsonp数据格式，所以讲dataType参数设置为jsonp，平常，还加到了jsonp和jsonpCallback两个参数，结合代码，不难看出这两个参数作用：
jsonp的作用是设置服务器获取回调函数名称参数的下标参数，jsonpCallback的作用就是设置回调函数，相当于input标签中name和value，jsonp对应name，value对应jsonpCallback。
****************end**************************