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>
时间: 2025-01-07 21:49:34

json和jsonp的读取数据区别的相关文章

json和jsonp的联系和区别(转载)

说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决. 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据,靠JSONP来跨域.而这就是本文将要讲述的内容. JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿:JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互

JSON、JSONP、XML的区别

这两天看jquery手册的时候看到了jsonp.发现手册把jsonp与json放在一起讲解了,所以想写篇文章 梳理一下这三者的关系. jsonp: jsonp是json的一种"使用模式",可以让网页从别的域名(网站)获取资料,即跨域读取数据. 因为同源策略所以当我们从不同的域访问数据时需要使用jsonp.同源策略是浏览器的安全功能. jsonp的核心则是动态的添加<script>标签来调用服务器的js脚本. 看jsonp.html页面的代码: <!DOCTYPE ht

JSON、JSONP、Ajax的区别

什么是JSON JSON是一种基于文本的数据交换方式,或者叫做数据描述格式. JSON的优点: 1.基于纯文本,跨平台传递极其简单: 2.Javascript原生支持,后台语言几乎全部支持: 3.轻量级数据格式,占用字符数量极少,特别适合互联网传递: 4.可读性较强,虽然比不上XML那么一目了然,但在合理的依次缩进之后还是很容易识别的: 5.容易编写和解析,当然前提是你要知道数据结构: JSON的缺点当然也有,但在作者看来实在是无关紧要的东西,所以不再单独说明. JSON的格式或者叫规则: JS

json、jsonp的定义和区别

一.区别 简单来说,json是一种数据交换格式,jsonp是一种非官方跨域数据交互协议.json描述的是信息的格式,而jsonp是信息传递双方约定的方法.json返回的是一串数据,而 jsonp返回的是脚本代码(包含一个函数调用). json是理想的数据交换格式,但是没有办法跨域直接获取,于是就将json包裹在一个合法的js语句中作为js文件传过去.json是想要的东西,jsonp是获取这个东西采取的方法,所以最终获得和处理的还是json.所以可以这么说,json是目的,jsonp只是手段.js

使用 ajax json(getJSON)从服务器读取数据,在IE下不更新问题解决

由于用IE浏览器浏览时,getJSON会先从IE缓存中取目标URL,所以循环执行getJSON函数也取不到最新数据,若给目标URL加一个时间参数,这样每次执行时都会得到不同的URL,从而取到实际数据. <script language="javascript"> function getData()  {        var timeParam = Math.round(new Date().getTime()/1000); //加入毫秒级时间参数,保证每次取不同URL 

Ajax、json、jsonp

现在前后端跨域传输比较流行的技术就是jsonp了,传递格式那就是json,至于ajax,历史比较久了吧,05年的时候虽然才开始高调登台,但从技术利用历史上看,98年的时候就已经在使用了. 由于现在很多人(当然我们团队也是)都在使用jquery.ext等各种库,而且使用这些库来调用jsonp非常容易,但这里有很多误解.因为这些库均把jsonp归入了ajax范畴(可能是为了方便整个库的结构开发,毕竟两者或多或少还是有一些关系的).一直想写一下ajax.json.jsonp三者之间的区别,但苦于没时间

json与jsonp区别浅析(json才是目的,jsonp只是手段) (转)

一言以蔽之,json返回的是一串数据:而jsonp返回的是脚本代码(包含一个函数调用): JSON其实就是JavaScript中的一个对象,跟var obj={}在质上完全一样,只是在量上可以无限扩展.简单地讲,json其实就是JavaScript中的对象(Object)和数组(Array,其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层,以此模拟出许多复杂的数据结构. json易于人阅读和编写,也易于机器解析和生成,相对网络传输速率较高,功能型网站前后端往往要频繁大量交换数据,而json

json与jsonp区别浅析(json才是目的,jsonp只是手段)

一言以蔽之,json返回的是一串数据:而jsonp返回的是脚本代码(包含一个函数调用): JSON其实就是JavaScript中的一个对象,跟var obj={}在质上完全一样,只是在量上可以无限扩展.简单地讲,json其实就是JavaScript中的对象(Object)和数组(Array,其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层,以此模拟出许多复杂的数据结构. json易于人阅读和编写,也易于机器解析和生成,相对网络传输速率较高,功能型网站前后端往往要频繁大量交换数据,而json

JSON跟JSONP的区别以及实战

前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现. 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须支持WebSocket,因此都不能算是ST2的原生解决方案,原生的只有AJAX. 说到AJAX就会不可避免的面临两个问题