首页 > 代码库 > json和jsonp的读取数据区别
json和jsonp的读取数据区别
数据库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>
json和jsonp的读取数据区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。