5分钟生成10篇英文软文article forge软件试用

JavaScript 以及 HTML 和 CSS 是关键的编程语言。 几乎网络上的每个站点都使用 JavaScript,因此如果您想成为一名全面的开发人员,了解其原生应用程序编程接口 (API) 非常重要。

google广告开户

在这篇文章中,我们将向您介绍 Fetch API 及其功能。 然后我们将讨论它与 WordPress REST API 的不同之处,并解释您何时可能希望在您的 WordPress 开发中使用它。

让我们直接跳进去!

Fetch API 简介

与所有 API 一样,Fetch API 用于在应用程序之间发送和接收数据。 顾名思义,它主要用于使用 HTTP 请求“获取”资源,然后修改它们。 这样,它的工作方式与 XMLHttpRequest 非常相似。

但是,Fetch API 提供了对该方法的改进,通过使用更简洁的代码来实现相同的最终结果。 它通过以“承诺”的形式返回数据来实现这一点,这是一种简化的、更具可读性的解决方案,它取代了回调,使开发人员能够按特定顺序执行 JavaScript 函数。

本质上,promise 声明某个动作最终会发生,并提供有关接下来会发生什么的信息。 承诺总是“已解决”(导致响应)或“拒绝”(导致错误)。

如果承诺得到解决,一个 。然后 handler 执行指定的动作。 如果承诺被拒绝,则可能会显示错误消息,而不是使用 。抓住 功能。 由于 JavaScript 是异步的,所有这些都在后台发生,而不会阻止页面的其余部分呈现。

因此,当我们将所有这些放在一起时,我们会得到一个 API,它可以将资源作为 Promise 进行检索。 然后,如果这些承诺得到解决,它就会返回响应对象,如果它们被拒绝,则返回错误。 您还可以添加 。然后 或者 。抓住 处理程序立即使用另一个操作跟随响应或错误。

这是一个简单的示例:假设您使用 Fetch API 来检索帖子列表。 发布数据作为承诺返回,该承诺被解析并产生响应对象。 接下来你使用一个 。然后 处理程序将该响应作为 JSON 返回,您可以将其显示在您的网站上。 如您所见,此 API 提供了很多潜力,尤其是对于特定应用程序。

Fetch API 与 WordPress REST API 有何不同

简而言之,除了它们都是 API 之外,Fetch API 和 WordPress REST API 在几乎所有方面都不同。 一些关键的区别包括:

WordPress divi主题
  • Fetch API 以承诺形式返回数据,而 WordPress API 以 JSON 形式返回数据。
  • 同样,您必须使用 。然后 处理程序将 Fetch API 返回的数据转换为 JSON。
  • 您可以通过 Fetch API 以 JSON 以外的形式返回数据。
  • 为了在 WordPress REST API 中使用 Promise,您需要在调用 API 后自己编写它们。

如果您想在 WordPress 中使用 Fetch API,您只需在 JavaScript 代码中调用 fetch 函数。 跟随那个函数 。然后 处理程序访问内容。 然后,您可以将其显示在您的网站或 Web 应用程序中。

2 次您可能希望通过 REST API 使用 Fetch API

通过使用 WordPress REST API,您可能可以使用 Fetch API 完成您可能想做的任何事情。 但是,Fetch API 确实提供了一些无法通过本机 WordPress API 访问的便捷功能。 让我们看两个例子。

1. 返回一个不是 JSON 的响应

正如我们已经提到的,当您使用 WordPress REST API 时,它默认返回 JSON 数据。 但是,有时您可能需要不同形式的回复。 要使其与 WordPress API 一起使用,您必须将 JSON 转换为您想要的格式。

另一方面,Fetch API 能够以多种不同格式返回数据。 虽然 JSON 可能是 Fetch API 响应最流行的形式,但您也可以使用它来返回各种其他格式的响应,包括 XML、HTML、纯文本和 blob。

为此,您只需更改在 。然后 用于访问已检索内容的处理程序。 例如,这是一个非常简化的 Fetch API 调用,后跟一个 。然后 将响应作为 JSON 返回的处理程序:

fetch('https://jsonplaceholder.typicode.com/todos')
  .then(response => response.json())
  .then(data => console.log(JSON.stringify(data)))

因此,如果您想将数据作为 XML 返回,则可以使用 响应文本 代替 响应文件. 这比执行转换要容易得多 使用 WordPress REST API 检索数据。

2. 使用 Promise 以特定顺序执行函数

此外,如果您想对 WordPress REST API 调用的响应使用承诺,那么简单地使用 Fetch API 可能会更有效。 使用 WordPress API,您需要在请求和响应之后编写自己的承诺,而 Fetch API 会为您返回承诺。

如果您使用 API 来请求数据,然后想使用 JavaScript 函数对这些数据执行其他操作,那么 Fetch API 可能是您的最佳选择。 例如,考虑这个例子:

var eventsURL = "https://api.seatgeek.com/2/events?q=amway-center&client_id=MTI3NjI2NjF8MTUzNDYxMjQ1MS4zNA";

fetch(eventsURL)
  .then((response) => response.json())
  .then(function (evnt) {
  return evnt.events.map(function(event){
    var singleEvent = document.createElement('li');
    var eventDate = document.createElement('span');
    var newDate = moment(event.datetime_local).format('LLL');
    singleEvent.innerHTML = event.title;
    eventDate.innerHTML = newDate;
    append(eventlist, singleEvent);
    append(singleEvent, eventDate);
  })

})
.catch(function (error) {
  console.log('Error during fetch: ' + error.message);
});

在这里,我们可以通过添加一个事件函数来运行 。然后 处理由 Fetch API 返回的承诺,以显示来自站点 SeatGeek 的事件。 Promise 可以让 JavaScript 的使用变得更容易, 一个d 使您的代码更简洁、更具可读性。 反过来,这可以使您的开发更加高效和有效。

结论

说到 Web 开发,没有 JavaScript,您将走不远。 掌握其本机 API 将帮助您轻松检索可以修改以在您的网站或 Web 应用程序上使用的资源。

fiverr建站WordPress程序员

在这篇文章中,我们讨论了两个您可能希望使用 JavaScript Fetch API 而不是 WordPress REST API 的示例:

  1. 返回非 JSON 的响应。 使用 Fetch API,您可以以多种格式返回数据,而 WordPress REST API 仅返回 JSON。
  2. 使用 promise 以特定顺序执行函数。 由于 Fetch API 将数据作为承诺返回,因此您不必自己编写。

您还有其他关于 Fetch API 的问题吗? 将它们留在下面的评论部分!

文章缩略图图片 Sudowoodo / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok