简单使用jsonp进行跨域访问

最新推荐文章于 2024-06-20 20:55:24 发布

低级亡灵

最新推荐文章于 2024-06-20 20:55:24 发布

阅读量279

点赞数

分类专栏： javascript 文章标签： javascript nodejs ajax跨域问题

本文链接：https://blog.csdn.net/qq_43674062/article/details/115919792

版权

本文介绍了JSON和JSONP的区别与作用，重点讨论了JSONP如何用于解决JavaScript跨域问题。通过一个简单的前后端示例，展示了JSONP的工作原理，包括后端返回包裹在函数调用中的JSON数据，以及前端如何定义并调用这个回调函数来接收和处理数据。

摘要由CSDN通过智能技术生成

一.简介

首先，先搞清楚json和jsonp:

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

如

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

jsonp

JSONP是一种非正式传输协议，该协议的一个要点就是允许用户传递一个callback 或者开始就定义一个回调方法，参数给服务端，然后服务端返回数据时会将这个callback 参数作为函数名来包裹住 JSON 数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

jsonp主要用于解决跨域问题，并且请求方式只能用get.

它的实现代码就是使用 document.createElement(‘script’) 生成一个 script 标签，再把需要请求的api地址放到src里. 这个请求只能用GET方法, 不可能是POST。

关注

专栏目录