jsonp步骤_JsonP

什么是 JsonP

Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。

什么是跨域

跨域是指一个域（网站）下的文档或脚本试图去请求另一个域（网站）下的资源。

同源策略

同源策略/SOP（Same origin policy）是一种约定，由 Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到 XSS、CSFR 等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源。

跨域解决方案

1.通过 jsonp 跨域

2.document.domain + iframe 跨域

3.location.hash + iframe

4.window.name + iframe 跨域

5.postMessage 跨域

6.跨域资源共享（CORS）

7.nginx 代理跨域

8.nodejs 中间件代理跨域

9.WebSocket 协议跨域

JsonP优缺点

优点：相比于XMLHTttpRequest、他的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持，并且在请求完毕后可以通过调用callback的方式回传结果

缺点：它只支持GET请求而不支持POST等其他类型的HTTP请求，它只支持跨域HTTP请求这种情况，不能解决不同域两个页面之间如何进行JavaScript调用的问题

使用Jsonp完成跨域处理的实现步骤

1.创建两个web工程，端口不一致

2.A工程提供index.jsp，其中通过jQuery的ajax跨域请求B工程

3.B工程中使用springmvc处理请求，返回一个json对象

4.A工程将返回的结果插入到index.jsp中

在controller中使用MappingJacksonValue完成跨域

@Controller
@RequestMapping("/user")
  public class UserController {
    @RequestMapping("/findUser")
    @ResponseBody
    public Object findUser(String callback){
      Users user = new Users(1, "admin", 20);
      Users user1 = new Users(2, "zhangsan", 22);
      Users user2 = new Users(3, "lisi", 24);
      List<Users> list = new ArrayList<>();
      list.add(user);
      list.add(user1);
      list.add(user2);
      //json 转换
      MappingJacksonValue mv = new
      MappingJacksonValue(list);
      mv.setJsonpFunction(callback);
      return mv;
    }
}