使用雅虎的 HTMLSTRING 从 XML 或 JSON 输出中提取 HTML，并从 xml 或 json 输出中获取一些详细信息

Question

在我的应用程序中，我将使用 Yahoo YQL 的 htmlstring 从 xml 或 json 输出的网站中提取 html得到.

Ex XML 输出：https://query.yahooapis.com/v1/public/yql?q=select%20%2A%20from%20htmlstring%20where%20url%3D%27http%3A%2F%2Fwhosebug.com%2F%27&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys

EX JSON 输出：https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20htmlstring%20where%20url%3D%22http%3A%2F%2Fwhosebug.com%2F%22&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=

我这样做的原因是为了获得它的 property="og:image"、property="og:title" 和 property="og:image"。

目前我正在这样做：

XML 输出：

  $(function () {
      var query;
      var apiUrl;      
      $("button.click").click(function () {
          
          apiUrl = "https://query.yahooapis.com/v1/public/yql?q=select * from htmlstring where url='http://whosebug.com/'&diagnostics=true&env=store://datatables.org/alltableswithkeys";

          $('p.extract').toggle();
          $.get(apiUrl, function(data) {
           $('p.extract').addClass('none');
            var html = $(data).find('html');
            $("input.title" ).val(html.find("meta[property='og:title']").attr('content') || 'no description found');
             $("textarea.description").val(html.find("meta[property='og:description']").attr('content') || 'no title found');
            $("input.image").val(html.find("meta[property='og:image']").attr('content') || 'no image found');

      });

  });
    });

input {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}

.none{display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<button class="click">Click Me</button>
<br>
<p class="extract" style="display:none;">Extracting html</p>
<input type="text" class="title">
<br>
<textarea name="" id="" cols="30" rows="5" class="description"></textarea>
<br>
<input type="text" class="image">

JSON 输出：

  $(function () {

      var apiUrl;

      $("button.click").click(function () {
         
          apiUrl = "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20htmlstring%20where%20url%3D%22http%3A%2F%2Fwhosebug.com%2F%22&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=";


          $('p.extract').toggle();
          $.get(apiUrl, function(data) {
           $('p.extract').addClass('none');
            var html = $(data).find('html');
            $("input.title" ).val(html.find("meta[property='og:title']").attr('content') || 'no description found');
             $("textarea.description").val(html.find("meta[property='og:description']").attr('content') || 'no title found');
            $("input.image").val(html.find("meta[property='og:image']").attr('content') || 'no image found');

      });

  });
    });

input {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
}

.none{display:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="click">Click Me</button>
<br>
<p class="extract" style="display:none;">Extracting html</p>
<input type="text" class="title">
<br>
<textarea name="" id="" cols="30" rows="5" class="description"></textarea>
<br>
<input type="text" class="image">

我目前所做的没有提供我想要的详细信息，我没有找到即使我可以在输出中看到它们。

感谢任何帮助，因为我不知道自己做错了什么。

Answer 1

因为我不能再真实的雅虎了，他们可能会阻止他们的其他 api 主机，我选择了一个服务器，在我的应用程序中内置了一个侧面解决方案。

我的应用程序基于 Rails 上的 Ruby，我使用 Nokogiri 并在提交 link 时调用 ajax 来显示实时结果。

使用雅虎的 HTMLSTRING 从 XML 或 JSON 输出中提取 HTML，并从 xml 或 json 输出中获取一些详细信息

Extracting HTML from XML or JSON output using yahoo's HTMLSTRING and get some details from xml or json output

html

ajax

jquery

yql

yahoo-api