jsonp

前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。 既然随便聊聊，那我们就不再采用教条的方式来讲述，而是把关注重心放在帮助开发人员理解是否应当选择使用以及如何使用上。 什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强

什么是JSON 　　JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 　　1、基于纯文本，跨平台传递极其简单； 　　2、Javascript原生支持，后台语言几乎全部支持； 　　3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 　　4、可读性较强，虽然比不上XML那么一目了然，但在合理的依次缩进之后还是很容易识别的； 　　5、容易编写和解析，当然前提是你要知道数据结构； 　　JSON的缺点当然也有，但在作者看来实在是无关紧要的东西，所以不再单独说明。 JSON的格式或者叫规则： 　　JSON能够以非常简单的方式来描述数据结构，XML能做的它都能做，因此在跨平台方面两者完全不分伯仲。 　　1、JSON只有两种数据类型描述符，大括号{}和方括号[]，其余英文冒号:是映射符，英文逗号,是分隔符，英文双引号""是定义符。 　　2、大括号{}用来描述一组“不同类型的无序键值对集合”（每个键值对可以理解为OOP的属性描述），方括号[]用来描述一组“相同类型的有序数据集合”（可对应OOP的数组）。 　　3、上述两种集合中若有多个子项，则通过英文逗号,进行分隔。 　　4、键值对以英文冒号:进行分隔，并且建议键名都加上英文双引号”"，以便于不同语言的解析。 　　5、JSON内部常用数据类型无非就是字符串、数字、布尔

来源： http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言： 说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿： JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议 。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。 什么是JSON 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强

最近一直在看关于json和jsonp的区别和各自的用法、优缺点！ 下面是我看到过解释最清楚的一片文章 说到AJAX就会不可避免的面临两个问题， 第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？ 这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。 但到目前为止最被推崇或者说首选的方案还是 用JSON来传数据，靠JSONP来跨域 。而这就是本文将要讲述的内容。 JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。 什么是JSON？ 前面简单说了一下，JSON是一种基于文本的数据交换方式，或者叫做数据描述格式，你是否该选用他首先肯定要关注它所拥有的优点。 JSON的优点： 1、基于纯文本，跨平台传递极其简单； 2、Javascript原生支持，后台语言几乎全部支持； 3、轻量级数据格式，占用字符数量极少，特别适合互联网传递； 4、可读性较强，虽然比不上XML那么一目了然

DEMO : JSONP示例 为什么使用JSONP JSONP和JSON是不一样的。JSON( JavaScript Object Notation )是一种基于文本的数据交换方式，或者叫做数据描述格式。而JSONP( JSON with Padding )是一种方式或者说非强制性协议。它是为了解决某个难题而产生的一种技术方式。 为什么会用到JSONP呢？ 我们平时在用ajax请求服务端数据时，一般是这么写的： $.ajax({ type: "get", url: "getData.php", dataType: "json", success: function (data, textStatus, jqXHR) { console.log(data); }, error: function (XMLHttpRequest, textStatus, errorThrown) { alert('fail'); } }); 这是一段很普通的基于jQuery的AJAX请求，不会有什么问题。注意到： url 里是 getData.php ，说明这个文件url是基于当前服务器的，例如可能是 localhost ，也就是前端发出的请求来源是 localhost ，后端肯定也是 localhost 。他们俩是在同一个域名下。当然，平时我们也不会特别注意。 这时候，假如这个 url

这里提到了JSONP，那有人就问了，它同JSON有什么区别不同和区别呢，接下我们就来看看，百度百科有以下说明： ''' 1. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成(网络传输速度快)。 2. JSONP(JSON with Padding)是JSON的 一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的`<script>` 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用

一、JSONP（JSON with Padding） 　　客户端： <script type="text/javascript"> function TestJsonp() { $.ajax({ type: "GET", url: "http://localhost/MVC/Books/JsonpTest", dataType: "JSONP", jsonpCallback: "ExecJsonpCallback" }) } function ExecJsonpCallback(obj) { alert(obj.Name); } </script> 　　服务端： public class JsonpResult : JsonResult { public JsonpResult() { JsonRequestBehavior = JsonRequestBehavior.AllowGet; } public override void ExecuteResult(ControllerContext context) { var httpContext = context.HttpContext; string callback = context.HttpContext.Request["callback"]; httpContext.Response.Write(callback

接口代理-通过修改nginx服务器配置来实现 说明：前端修改，后台不动 没有nginux服务器，在vue-cli里通过nodejs服务器实现 创建vue.config.js module.exports = { devServer: { host: 'localhost', port: 8080, proxy: { '/api': { target: 'https://www.imooc.com', changeOrigin: true, pathRewrite: { '/api': '' } } } } } 在App.vue import jsonp from 'jsonp' export default { data(){ return { data: '' } }, mounted(){ let url = "/api/activity/servicetime"; jsonp(url,(err,res)=>{ let result = res; this.data = result; }) } } 来源： https://www.cnblogs.com/qjb2404/p/12238885.html

1.请求页面 <!doctype html> <head> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jsonp调用方法</title> </head> <body> <script type="text/javascript" src="//cdn.bootcss.com/jquery/3.0.0-alpha1/jquery.min.js"></script> <script type="text/javascript"> //访问地址http://mytest.zyq.com/form/demo.php getdata(); function getdata(){ //方法1 jQuery.getJSON("http://10.1.13.154/form/jsonp.php?callback=?", function(data){ //alert(data) }) //方法2 jQuery.get("http://10.1.13.154/form/jsonp.php?callback=?", function(data){ //alert(data) },"jsonp"); //方法3 jQuery.ajax({ type:"GET",