Javascript 通过Ajax请求解析并包含HTML_Javascript_Jquery_Html

Javascript 通过Ajax请求解析并包含HTML

javascript jquery html

Javascript 通过Ajax请求解析并包含HTML,javascript,jquery,html,Javascript,Jquery,Html,我只想包含给定URL部分的google结果（Div id=“ires”）。例如，我遇到了“No‘Access Control Allow Origin’”问题，我想知道如何解决这个问题我在这里用我的try启动了一个JSFIDLE： HTML: <div id="results">Waiting for results</div> <input type="button" id="btn" value="Show results"> $("#btn").c

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

我在这里用我的try启动了一个JSFIDLE：

HTML:

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

$("#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." );
    });
});

你想做的是违法的。你不能把别人网站的内容嵌入你的网站。但是如果你想在你的网站中使用谷歌搜索，你应该看看谷歌的

下面是一个如何工作的代码示例：

<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>


JSON/Atom自定义搜索API示例
hndlr职能（响应）{
对于（var i=0；i”+item.htmlTitle；
}
}

这是完全不可能的。这不是肯定的。也许只有使用javascript，但我当然也可以使用php，除非它们特别允许CORS和/或提供JSONP端点，否则您不能通过javascript直接访问另一个域的内容。一种方法是通过后端“代理”或类似的方式。下面是一个使用PHP和jQuery Ajax完成的简单示例项目：请注意，我不能就其合法性向您提供建议。我不会说这是不可能的，但绝对不推荐。