论坛风格切换
  • 1245阅读
  • 1回复

[函数探讨]getJSON异步获取服务端json格式数据实战 [复制链接]

上一主题 下一主题
离线rickyleo
 

发帖
315
金币
0
威望
99
只看楼主 倒序阅读 使用道具 楼主  发表于: 2012-03-03
$.getJSON(url, data, callback);
备注
url:目标请求地址
data:待发送key/value 键值对 [可选]
callback:载入成功后执行的回调函数


html代码:
  1. <html>
  2. <head>
  3. <title></title>
  4. <script src="http://code.jquery.com/jquery-latest.js"></script>
  5. <script language="javascript">
  6. $(function(){
  7.     $("#Js_btn").click(function(){
  8.         $.getJSON("http://localhost/jquery/php/getJson.php", {name:'rickyleo', age:'25', email:'liuriqi@gmail.com'}, function(json){
  9.           var divHTML = '';
  10.           $.each(json, function(index, info){
  11.               divHTML += index + ':' + info + '<br>';
  12.           });
  13.           $("#divTip").html(divHTML);
  14.         });
  15.     });
  16. });
  17. </script>
  18. </head>
  19. <body>
  20. <button type="button" id="Js_btn">按钮</button>
  21. <div id="divTip"></div>
  22. </body>
  23. </html>
点击按钮,触发getJSON()方法到指定的php文件,通过key/value方式传递变量到php文件,
然后php文件通过$_GET方法获取到变量并格式化成json格式输出。
getJSON()方法中的第三个参数就是回调函数,回调函数的参数json可以自己定义用于存放返回的json数据
然后在回调函数里边采用$.each(json, function(key,value){})来对json的数据进行循环赋值,key和value就是json数据里边的键值对


离线prisk

发帖
278
金币
0
威望
59
只看该作者 沙发  发表于: 2012-03-23
[img]http://appimg.veryapp.com/pbar/img.php?barhash=4b7ee90840c62e74d81ca326e43bb302d7b460c4[/img]
快速回复
限100 字节
如果您在写长篇帖子又不马上发表,建议存为草稿
 
提到某人:
选择好友
上一个 下一个