JSONP跨域

原创 2018年04月15日 12:00:11

JSONP和JSON看起来差不多,只不过是被包含在函数调用中的JSON,就像下面一样。

callback({"age":15,"name":"Jack"})

JSONP由两部分组成:回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般在请求中指定。而数据就是传如回调函数的中的JSON数据。
JSONP是通过动态添加<script>元素来使用的,使用时可以为src属性指定一个跨域URL。下面就是一个常见的请求:

https://flq77.github.io/jsonp.json?callback=handleJsonp

下面来看一个例子:

//回调函数
function handleJsonp(response) {
    alert("age:"+response.age+"name:"+response.name);
}
//动态创建一个<script>元素
function creatScript() {
      let script = document.createElement("script");
      script.src="https://flq77.github.io/jsonp.json?callback=handleJsonp";
    document.body.appendChild(script);
}

跨域文件flq77.github.io/jsonp.json中:

handleJsonp({
    "age":15,
    "name":"Jack"
})

浏览器显示:
这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/FLQ77/article/details/79948031

Java+jquery+jsonp实现跨域

jquery端代码  $.ajax({           async:false,           url: 'http://www.**.com/**/jsonp', // 跨域UR...
  • u010741376
  • u010741376
  • 2017年02月14日 17:02
  • 1859

轻松搞定JSONP跨域请求

本文介绍了通过JSONP实现跨域请求,首先介绍了“同源策略”,然后介绍了同构JavaScript动态加载script标签的方法,实现JSONP跨域,最后介绍了jQuery中对JSONP的封装和使用...
  • u014607184
  • u014607184
  • 2016年07月26日 17:49
  • 41605

解决Ajax 跨域问题 - JSONP原理解析

解决Ajax 跨域问题 - JSONP原理解析为什么会有跨域问题? - 因为有同源策略 同源策略是浏览器的一种安全策略,所谓同源指的是 请求URL地址中的 协议, 域名 和 端口 都相同,只要其中之一...
  • qq_16415157
  • qq_16415157
  • 2016年11月11日 23:24
  • 7269

jQuery和java后台的jsonp跨域问题

Jsonp原理:  ajax本身是不可以跨域的,通过产生一个script标签来实现跨域。...
  • sunpeng_sp
  • sunpeng_sp
  • 2016年10月26日 15:24
  • 3687

Jsonp解决ajax跨域问题

一、介绍 最近跨域问题比较多,而且自己刚好也看到这一块,就总结了一下,关于JSONP的东西百度的话东西确实很多,很多人都是复制别人的,如此下去,其实找的资料就那么几份,关键是我还看不懂,可能是能力...
  • saytime
  • saytime
  • 2016年05月30日 22:36
  • 21658

跨域解决方案JSONP

什么是跨域老生常谈的问题了。下面列出一个表格: URL 说明 是否跨域 http://www.a.com/a.js http://www.a.com/b.js 同一个域名 否 ...
  • jlin991
  • jlin991
  • 2017年02月24日 17:27
  • 288

解决跨域的jsonp+Java实例

Jsonp跨域是通过动态创建script标签来实现跨域的,script标签的src属性是没有跨域的限制的,jsonp请求相当于将我们的请求通过script标签的src发送出去,后台返回的数据是call...
  • buler_sky
  • buler_sky
  • 2017年04月19日 15:38
  • 1648

https跨域请求jsonp以及else

首先声明,标题是否有疑问都不确定,哈哈。          是在前端调用后端接口登录时碰到的问题,在nginx的443端口配置那里没有加callback,导致返回的是json,而前端想请求的是json...
  • dydm_13128
  • dydm_13128
  • 2015年09月22日 11:53
  • 1067

jsonp跨域传值 和返回值

script> $(".button").click(function () { var token = $(".token").val(); $.ajax({...
  • qq_36373262
  • qq_36373262
  • 2017年02月04日 20:31
  • 1627

php 中jsonp跨域请求

jsonp数据类型,重要性,以及为什么用它,我就不详细解释了,如果想知道可以看我写的《php中 如何生成jsonp数据接口及如何调用?》 里面有详细说明; 那么进入正题, 案例要求: 两个网站...
  • json_ligege
  • json_ligege
  • 2016年05月26日 11:11
  • 3517
收藏助手
不良信息举报
您举报文章:JSONP跨域
举报原因:
原因补充:

(最多只允许输入30个字)