什么是 RESTful API？
RESTful API（Representational State Transfer）指的是一种 Web 应用程序的架构风格，既可以使用 XML，也可以使用 JSON（JavaScript Object Notation）格式来交换数据。
在 RESTful API 中，每个 URL 表示一种资源，而且可以使用 HTTP 方法来操作这些资源。例如，如果您想获取一个用户的详细信息，可以使用 HTTP GET 方法调用 /users/123 路径。如果您要创建一个新用户，则可以使用 HTTP POST 方法调用 /users 路径。
现在，越来越多的应用程序依赖于 RESTful API 来处理数据，因此使用跨域请求的技术变得越来越重要。
JSON-P
JSON-P（JSON with Padding）是一种跨域请求的技术，它允许跨域访问服务器端生成的 JSON 数据。
使用 JSON-P，客户端通过动态创建一个（通常是 script 标签）url 来发起跨域请求。服务端返回 JSONP 格式的数据，并在响应中包含一个回调函数，该函数在客户端解析 JSONP 响应时被调用。
以下是一个使用 JSON-P 来获取 GitHub API 数据的示例：
-- -------------------- ---- -------
-------- ---------- --------- -
----- ------ - ---------------------------------
---------- - ----
----------------------------------
---------------- - -------------- -
------ -----------------
----------------------------------
---------------
--
-
--------------------------------------------- -------------- -
------------------
---CORS
CORS（Cross-Origin Resource Sharing）是一种使用额外的 HTTP 头来告诉浏览器，它允许在一个 Web 页面上加载来自不同源服务器上的资源。
这意味着，浏览器不再限制运行在脚本中的跨源 HTTP 请求的能力，从而允许 Web 应用程序在不需要通过代理服务器或类似的机制访问跨域资源的情况下完成跨域请求。
以下是一个使用 CORS 来获取 GitHub API 数据的示例：
fetch('https://api.github.com/users/octocat')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));结论
RESTful API 已经成为了前端开发的主要方式，而 JSON-P 和 CORS 协议则是处理跨域请求的两种最常见的方式。当我们使用 RESTful API 时，应该在不同的情况下选择适当的跨域请求方式。例如，如果您要处理旧的浏览器，您可能需要使用 JSON-P，而对于支持 CORS 的现代浏览器，则应该尽可能地使用 CORS。
在实践中，RESTful API 需要在很多方面加以注意，例如安全，性能等等。希望本文的内容能够为您提供一些启示，帮助您更好地处理 RESTful API 开发过程中的跨域请求问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674dd64a947dc5bcb303100e