什么是JSONP？

mist14 发布于2019-08-23 18:35 / 1205人阅读

摘要：简述可以解决无法跨域请求的问题，其基本原理是利用调用文件不受跨域影响，在标签中类似具有属性的都不会受跨域的影响，就是利用这个特性，实现对跨域数据请求，需要注意的是，只能是请求。

简述：

jsonp可以解决$.ajax无法跨域请求的问题，其基本原理是利用web调用js文件不受跨域影响，在html标签中类似

其中test.js是在虚拟机nginx服务器放置的一个js文件，内容为:

alert("this is a test")

访问页面成功弹窗显示:

自定义函数调用

这次我们将远端的js文件写上前端的函数名，达到实现数据交互的功能

前端代码




    
    Title

目标js文件

Test("来自远方的问候")

访问页面成功弹窗显示：

动态调用

服务端要是可以动态生成js脚本，这样服务端就可以对客户端发送的请求做验证，从而返回相应的内容。

客户端




    
    Title

服务端(django)

def index2(req):
    messget = req.GET.get("data")
    data = req.GET.get("callback")+"("啦啦啦,服务器收到你的数据啦,你发送的是%s")" %messget
    print(data)
    return HttpResponse(data)

效果如下，当按下test按钮

备注

对了，还有一种请求也可以跨域，就是服务端返回的数据中HTTP响应报文包含了正确CORS响应头

GPU云服务器云服务器 JSONP jsonp： jsonp 跨域 webapi?jsonp?

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105481.html

JSONP 是什么

摘要：是什么说实话，我学了这么久，其实也没有好好了解这个东西，当然平常自己在前端方面也涉猎较浅。是什么是的一种使用模式，可用于解决主流浏览器的跨域数据访问的问题。有效避免了直接向远程服务器请求数据 JSONP 是什么说实话，我学了这么久，其实也没有好好了解这个东西，当然平常自己在前端方面也涉猎较浅。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

shadajin 2019-07-01 10:50 评论0 收藏0
JSONP 是什么

摘要：是什么说实话，我学了这么久，其实也没有好好了解这个东西，当然平常自己在前端方面也涉猎较浅。是什么是的一种使用模式，可用于解决主流浏览器的跨域数据访问的问题。有效避免了直接向远程服务器请求数据 JSONP 是什么说实话，我学了这么久，其实也没有好好了解这个东西，当然平常自己在前端方面也涉猎较浅。 1) jsonp 是什么 JSONP(JSON with Padding)是JSON的一...

233jl 2019-08-23 12:23 评论0 收藏0
关于javascript跨域及JSONP的原理与应用

摘要：因为同源策略的限制，我们不能在与外部服务器进行通信的时候使用。这个是跨域服务器取数据的接口，参数为回调函数的名字，返回的格式为原理首先在客户端注册一个然后把的名字传给服务器。一、同源策略同源策略，它是由Netscape提出的一个著名的安全策略，现在所有的可支持javascript的浏览器都会使用这个策略。为什么需要同源策略，这里举个例子：假设现在没有同源策略，会发生什么事...

CoderBear 2019-08-21 10:23 评论0 收藏0
Java Ajax jsonp 跨域请求

摘要：是一种协议，为了解决客户端请求服务器跨域的问题，但是并非是正式的传输协议。结果明明请求回来数据，结果还是报错。是一种使用数据的方式，返回的不是对象，是包含对象的脚本。 1、什么是JSONP 一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的元素是一个例外。利用元素的这个开放策略，网页可以得到...

OBKoro1 2019-08-20 10:13 评论0 收藏0
为什么是 JSONP

摘要：因为有同源策略，而在实际开发中又常常会有跨域的需求，早期开发者为了解决跨域问题而搞出来这样一个颇为奇怪的东西。安全早期的浏览器处于安全层面的考量，制定同源策略，限制了一个源中加载文本或脚本与来自其它源中资源的交互方式。 AJAX、JSON、JSONP 在 WEB 开发中，经常见到诸如 AJAX、JSON、JSONP 这些名词。三者看起来很像，很多同学尤其是没有系统了解过前端技术体系的同...

iKcamp 2019-08-21 13:44 评论0 收藏0
浅谈JSONP

摘要：就这样被发明了，利用的属性不受同源策略的控制，作弊般地巧妙地逃过了浏览器的这一限制。然后，声明这个回调函数。这是我在13年初写的文章，当时懵懵懂懂写下了自己对JSONP的理解。文章原文博客欢迎订阅提到JSONP，我当时在网上找了无数帖子也没有看懂它。那些文章大同小异，都是讲到JSONP原理以后就戛然而止，把我们这些初学者搞得云里雾里。所以，写下这篇文章，希望对大家有帮助...

binta 2019-08-21 10:41 评论0 收藏0