当前位置: 首页 > 知识库问答 >
问题:

如何在HTML中调用REST API[关闭]

上官迪
2023-03-14

API Noob在这里,我真的很难找到API的教程,谷歌教程让我认为他们比我认为他们应该先进得多。以下是我试图做的:

<!DOCTYPE html>
<html>
<body>

<h1>PokeMon Search API</h1>

<script>//javascript function here?</script>
 
  <input id="text" type="text" value="" style="Width:20%"/> 
  <button>Find PokeMon By Name</button>

<p>Results</p>   
  <div v-html="link.FUNCTIONVARIABLE"></div>

</body>
</html>

谢谢你的帮助!

共有1个答案

柯轶
2023-03-14

这里需要一些Javascript。像这样的事情应该会奏效:

<script type="text/javascript">
    var apiUrl = 'https://pokeapi.co/api/v2/pokemon/ditto/';
    fetch(apiUrl).then(response => {
      return response.json();
    }).then(data => {
      // Work with JSON data here
      console.log(data);
    }).catch(err => {
      // Do something for an error here
    });
</script>

这段代码使用fetch函数(这里有更多信息)对apiUrl变量中包含的url发出GET请求。您可能需要使用HTML输入标记来使口袋妖怪名称动态化。

 类似资料:
  • 我有个问题。当我有其他实体时,我不知道如何创建API。我与邮递员工作,当我做一个请求,以看到所有项目从数据库,我想收到实体也。 例如,这是我的实体:

  • 问题内容: 按照目前的情况,这个问题不适合我们的问答形式。我们希望答案会得到事实,参考或专业知识的支持,但是这个问题可能会引起辩论,争论,民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出,请访问帮助中心以获取指导。 7年前关闭。 假设Adwords是Google的事物,而Go是Google的事物,那么用Go编写的Adwords API版本需要多长时间? 与此问题相关的另一个问题是:是否

  • 我正在做一个网站关于一个商场从头开始。商场包括许多商店,每个商店都有自己的标志。我怎样才能把标志在我的网站上,并链接到另一个页面?

  • 问题内容: 在我遵循的方法: 我可以从HTML调用它,例如: 如您所见,如果我得到回报 这是实用程序,因此我想将其定义为 没有例外 当我尝试这样称呼它时: 没发生什么事。 **我已添加到控制器。 如何从HTML调用工厂方法? (*如果不清楚,欢迎您更改/编辑我的问题) 谢谢, 问题答案: 好吧,您实际上不应该这样做…但是您 可以 做的是将服务对象放在$ scope的一个属性中,然后从那里调用它。

  • 我有一个Restapi,它将从一个网站下载pdf文件,然后将pdf文件返回给调用者。 使用下面的代码,我可以得到

  • 我对Springboot很陌生。我需要创建一个接受Excel文件的rest API。我需要使用excel文件中的数据来执行操作。我知道如何用@RequestParam和@RequestBody创建API,但不知道如何为excel文件创建API。我没有将文件存储在数据库中,所以不需要模型。我在网上搜索,但看到所有的资源谈论通过客户端上传文件。我想对我的API中收到的文件进行操作。