Question

我无法尝试如何将非常简单的网络服务嵌入到我的网站中。 Web服务的网址为example.com/movie-trivia.php。它只显示一个随机生成的JSON类型字符串，例如：

{"movie-trivia":"For its American release, the first 20 minutes of  Trainspotting had to be re-dubbed to make the Scottish accents more intelligible."}

我需要将其嵌入我的一个网页中，每次刷新页面时，都会显示来自源的许多随机生成的电影琐事之一。只是添加，每次刷新源URL页面时，它每次只显示一个随机的琐事，这就是我想要做的。

我是网络开发技术的新手，所以如果有人能够如此善良，并为我提供了如何直接在我的网页中实现这一点的解决方案。

Answer 1

您可以在纯JavaScript中执行此操作，但它在jQuery中的代码较少。在您的来电者页面中，您需要一个显示文字的地方，例如：

<span id="trivia"></span>

然后你可以编写一些简单的jQuery来从你的PGP获取JSON并在页面上显示它：

$(document).ready(function() {
  $.getJSON('/movie-trivia.php').done(function(data) {
    $("#trivia").text(data.movie-trivia);
  });
});

这是AJAX request，因此您必须位于同一个域中，否则您将不得不处理CORS。

Answer 2

我终于使用PHP解决方案解决了这个问题。

<?php

# A HTTP GET request

$url = 'http://www.example.com/movie-trivia.php';
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_TIMEOUT, 5);
curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 5);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$data = curl_exec($ch);
curl_close($ch);
echo $data;

?>

解决方案显示Web服务的动态内容。我所要做的就是将JSON输出解码为没有键/值结构的文本。

感谢帮助人们。

如何使用JS将简单的JSON类型的Web服务嵌入到我的网站中

2 个答案: