JSONP的原理：

jsonp是一种非正式传输协议，是前后台约定的协议，而不是官方协议。

jsonp的实现原理是：前后台约定带有“callback”这个参数的请求就是jsonp请求，前台发出去的请求加了“callback”参数，当后台发现请求中带“callback”时，后台就知道这是一个jsonp请求，就会把返回的数据由json变成JS代码返回，JS代码内容就是一个函数的调用，函数名是“callback”参数的值，而原来需要返回的json对象数据在这里作为参数传递返回。

前端代码：

....

$.ajax({

  url:....,

  dataType:"jsonp",//主要就是dataType是jsonp类型

  ......

});

setTimeout(function){

  expect(result).toEqual({

      "data":"get1 ok"

  });

..........

........

}

后台代码：

例如java语言，需继承AbstractJsonpResponseBodyAdvice类，重写构造函数并传参数“callback”,super("callback");

jsonp里传输的就是json的数据格式，只是在发送请求时多加一个参数，其值为回调函数。后台程序在获得该回调函数后，把准备好的json数据返回。

jsonp解决跨域问题的原理（区别）：

①普通请求，发送请求时，请求类型type默认为 xhr  ；jsonp的请求类型为 script ，不会被浏览器认为是跨域异常；

②普通请求返回的数据类型默认为 json 格式；而 jsonp 的请求返回的数据类型为 javascript 的脚本；

③普通请求的地址后面没有携带任何数据；而jsonp请求的地址后面携带了 callback为键的一组键值对数据；由下列图片可知，

当前端被设置为jsonp格式后，在后端中使用切面实现 jsonp 的格式化接口；该接口声明当返回的数据有callback这个值时，将返回的数据以jsonp的格式返回给前端，避免出现数据类型不一致的问题。

jsonp解决跨域问题的原理（区别）：

①普通请求，发送请求时，请求类型默认为 xhr  ；jsonp的请求类型为 script ，不会被浏览器认为是跨域异常；

②普通请求返回的数据类型默认为 json 格式；而 jsonp 的请求返回的数据类型为 javascript 的脚本；

③普通请求的地址后面没有携带任何数据；而jsonp请求的地址后面携带了 callback为键的一组键值对数据；由下列图片可知，

当前端被设置为jsonp格式后，在后端中使用切面实现 jsonp 的格式化接口；该接口声明当返回的数据有callback这个值时，将返回的数据以jsonp的格式返回给前端，避免出现数据类型不一致的问题。

JSONP的原理：

jsonp是一种非正式传输协议，是前后台约定的协议，而不是官方协议。 jsonp的实现原理是：前后台约定带有“callback”这个参数的请求就是jsonp请求，前台发出去的请求加了“callback”参数，当后台发现请求中带“callback”时，后台就知道这是一个jsonp请求，就会把返回的数据由json变成JS代码返回，JS代码内容就是一个函数的调用，函数名是“callback”参数的值，而原来需要返回的json对象数据在这里作为参数传递返回。 前端代码： .... $.ajax({  url:....,  dataType:"jsonp",//主要就是dataType是jsonp类型  ...... }); setTimeout(function){  expect(result).toEqual({      "data":"get1 ok"  }); .......... ........ } 后台代码： 例如java语言，需继承AbstractJsonpResponseBodyAdvice类，重写构造函数并传参数“callback”,super("callback"); jsonp里传输的就是json的数据格式，只是在发送请求时多加一个参数，其值为回调函数。后台程序在获得该回调函数后，把准备好的json数据返回。

jsonp请求与普通请求的不同：1.请求类型为javascript2返回类型为application/javascript3.请求地址后面有callback参数

jsonp的实现原理：

1. jsonp的请求类型是script，而非xhr，这样浏览器就不会做安全校验；

2. jsonp的返回类型是js，而非json；

3. jsonp请求携带一个前后台约定的参数（eg：callback），便于让后台识别是jsonp请求，后台则返回js数据而非json数据
   

3、JSONP如何解决跨域

    1、什么是JSONP?

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。

    2、JSONP处理跨域的原理

    在同源策略下，在某个服务器下的页面是无法获取到该服务器以外的数据的，但img、iframe、script等标签是个例外，这些标签可以通过src属性请求到其他服务器上的数据。利用script标签的开放策略，我们可以实现跨域请求数据，当然，也需要服务端的配合。当我们正常地请求一个JSON数据的时候，服务端返回的是一串JSON类型的数据，而我们使用JSONP模式来请求数据的时候，服务端返回的是一段可执行的JavaScript代码。

    举例：假如需要从服务器（http://www.a.com/user?id=123）获取的数据如下：

    {"id": 123, "name" : 张三, "age": 17}

    那么，使用JSONP方式请求（http://www.a.com/user?id=123?callback=foo）的数据将会是如下： 

    foo({"id": 123, "name" : 张三, "age": 17});

    当然，如果服务端考虑得更加充分，返回的数据可能如下： 

    try{foo({"id": 123, "name" : 张三, "age": 17});}catch(e){}

    这时候我们只要定义一个foo()函数，并动态地创建一个script标签，使其的src属性为http://www.a.com/user?id=123?callback=foo： 便可以使用foo函数来调用返回的数据了。

在JQuery中使用JSONP解决跨域

解决一：指定ajax请求的dataType属性为jsonp

$.ajax({
        dataType: 'jsonp',
        url: 'http://www.a.com/user?id=123',
        success: function(data){
                //处理data数据
        }
});

解决二：使用getJSON，只要在请求地址中加上callback=?参数可： 

$.getJSON('http://www.a.com/user?id=123&callback=?', function(data){
        //处理data数据
});
或者是
function foo(data){
        //处理data数据
}

$.getJSON('http://www.a.com/user?id=123&callback=foo');

1、JSONP解决跨域需要修改后台代码。

2、跨域是浏览器行为、只有XHR请求才有跨域问题

jsonp是一种非正式传输协议，是前后台约定的协议，而不是官方协议。 jsonp的实现原理是：前后台约定带有“callback”这个参数的请求就是jsonp请求，前台发出去的请求加了“callback”参数，当后台发现请求中带“callback”时，后台就知道这是一个jsonp请求，就会把返回的数据由json变成JS代码返回，JS代码内容就是一个函数的调用，函数名是“callback”参数的值，而原来需要返回的json对象数据在这里作为参数传递返回。 前端代码： .... $.ajax({  url:....,  dataType:"jsonp",//主要就是dataType是jsonp类型  ...... }); setTimeout(function){  expect(result).toEqual({      "data":"get1 ok"  }); .......... ........ } 后台代码： 例如java语言，需继承AbstractJsonpResponseBodyAdvice类，重写构造函数并传参数“callback”,super("callback"); jsonp里传输的就是json的数据格式，只是在发送请求时多加一个参数，其值为回调函数。后台程序在获得该回调函数后，把准备好的json数据返回。

jsonp是一种非正式传输协议，是前后台约定的协议，而不是官方协议。

 jsonp的实现原理是：前后台约定带有“callback”这个参数的请求就是jsonp请求，前台发出去的请求加了“callback”参数，当后台发现请求中带“callback”时，后台就知道这是一个jsonp请求，就会把返回的数据由json变成JS代码返回，JS代码内容就是一个函数的调用，函数名是“callback”参数的值，而原来需要返回的json对象数据在这里作为参数传递返回。

如{“data”: "get1 ok"}就是原本要返回的json对象