标签：
数据库data.php
<?php //$jsonp = $_REQUEST["callback"]; $salam[0][‘id‘]="1"; $salam[0][‘name‘]="salam"; $salam[0][‘age‘]="18"; $salam[1][‘id‘]="2"; $salam[1][‘name‘]="imran"; $salam[1][‘age‘]="30"; $result = json_encode($salam); //$str = $jsonp . "(" .$result.")"; echo $result; ?>
json解析数据json.html
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var url="data.php"; var data={}; $.getJSON(url,data,function(res){ //$("#remote").val(res); for (var i = 0; i < res.length; i++) { $("#remote").append("<li>"+ res[i].age + res[i].name+"</li>"); } }) }); </script> </head> <body> <h2 id="con"></H2> <div id="remote"></div> <ol> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ol> </body> </html>
jsonp解析数据jsonp.html
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ $.ajax({ type: "get", async: false, url: "datap.php", dataType: "jsonp", jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:"feedBackState",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名 success: function(data){ var $ul = $("<ul></ul>"); $.each(data,function(i,v){ $("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul) }); $("#remote").append($ul); }, error: function(){ alert(‘fail‘); } }); }); </script> </head> <body> jsonp 代码:<br/> <div id="remote"></div> </body>
标签：
原文地址：http://www.cnblogs.com/salmaq/p/5952051.html
