javascript - 通过Ajax请求解析和包含HTML

This question already has answers here:

Ways to circumvent the same-origin policy

                                （11个答案）


                5年前关闭。




我只想包含给定URL部分的google结果（Div id =“ ires”）。例如，我遇到了“没有'Access-Control-Allow-Origin'问题”，我想知道如何解决这个问题。

我在这里尝试了JSfiddle：
http://jsfiddle.net/23z7w3xp/1/

HTML：

<div id="results">Waiting for results</div>
<input type="button" id="btn" value="Show results">

JS：

$("#btn").click(function () {
    var requesthtml = "https://www.google.de/?gfe_rd=cr&ei=pXVyVKCDJKeK8QfkkoDYCg#q=test";

    $.get( requesthtml, function( data ) {
      var htmlcontent = data;
      $('#results').html(htmlcontent.find('#ires').text());
      alert( "Load was performed." );
    });
});

最佳答案

您想要做的是违法的。您无法获取某人网站的内容并将其嵌入到您的网站中。
但是，如果您想在自己的网站中使用Google搜索，则应该看看Google的custom search

这是一个代码示例，它如何工作：

<html>
  <head>
    <title>JSON/Atom Custom Search API Example</title>
  </head>
  <body>
    <div id="content"></div>
    <script>
      function hndlr(response) {
      for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.htmlTitle should have the HTML entities escaped.
        document.getElementById("content").innerHTML += "<br>" + item.htmlTitle;
      }
    }
    </script>
    <script src="https://www.googleapis.com/customsearch/v1?key=YOUR-KEY&amp;cx=017576662512468239146:omuauf_lfve&amp;q=cars&amp;callback=hndlr">
    </script>
  </body>
</html>

source

关于javascript - 通过Ajax请求解析和包含HTML ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27096130/

上一篇：javascript - 当客户端不在同一 IP 上时，无法通过客户端调用 Node 服务器

下一篇：javascript - KnockoutJS - 无法从纯 JSON 数组映射模型

jQuery:在 li 元素之间添加/删除类的最简单方法

javascript - 如何在字符串中的值之前删除字符串中的动态数据？/将 Lodash 的 _.trimStart 与动态数据一起使用？

javascript - 我可以使用标准 JavaScript 函数创建 XMLHttpRequest 吗？

javascript - 元素不会垂直粘在屏幕中间

javascript - 阻止 'mouseenter'回调函数直到 'highlight'效果完成

c# - 只读时无法获取带有文本框的文本？

java - 如何从JSP建立与SocketClient的连接？

javascript - Angular2 Injectables 和创建实例是否相同？

javascript - 用于 JavaScript 的带逗号或点的实数的正则表达式