Javascript 在我的网站上自动谷歌搜索结果
我正在做一个决定。当你点击我的搜索框并键入时，你点击搜索，然后它会带你进入google.com并显示搜索结果。在你键入时，我如何使用ajax在一个框架中显示结果？当你搜索你键入的文本时，不按搜索，它会自动显示结果，我怎么做？这是我的html代码片段Javascript 在我的网站上自动谷歌搜索结果,javascript,html,ajax,jquery,Javascript,Html,Ajax,Jquery,我正在做一个决定。当你点击我的搜索框并键入时，你点击搜索，然后它会带你进入google.com并显示搜索结果。在你键入时，我如何使用ajax在一个框架中显示结果？当你搜索你键入的文本时，不按搜索，它会自动显示结果，我怎么做？这是我的html代码片段 <div class='search'> <form method="get" id='search' action="http://www.google.com/search"> <input type="hidden
<div class='search'>
<form method="get" id='search' action="http://www.google.com/search">
<input type="hidden" name="q" size="31" maxlength="255" value="Site Name:" />
<input type="text" name="q" size="31" maxlength="255" style="height: 24px;" placeholder="Search..." />
</div>
很抱歉，如果网站在不知道JavaScript的情况下看起来很糟糕，我建议您先学习它。那是个好地方
$(window).load(function()
{
var opts =
{
url: "http://www.google.com/search?q=" + $("#mysearchInput").val(),
success: function(data)
{
//parse the results which are in variable "data".
//You're going to need to analyze the results yourself
//and parse it yourself, in whatever way you want to
var myresults = "my example results here";
$("#myiframe").append(myresults);
}
}
$.ajax(opts);
});
函数query（查询）{
return query.split（“”）。join（“”//将url的空格替换为+s
}
函数updateFrame（查询）{
query=query（查询）；
var i=document.getElementById（“搜索结果”）；
var搜索引擎=”http://startpage.com/do/m/mobilesearch/?q="
var yourSiteToSearch=“site:example.com+”
i、 src=搜索引擎+yourSiteToSearch+查询；
}
另外，如果你想让iframe只在用户点击搜索框时弹出，这里有一个：jsfiddle.net/4EDUK如果你不知道JavaScript，我建议你先学习它。那是个好地方 谷歌不再允许你通过iframe使用他们的网站，所以我建议你使用startpage.com，因为他们的结果来自Google.com 我能想到的最简单的方法是这样的（在这个例子中，我使用了网站的移动版本，因为它嵌入得更好）：
函数query（查询）{
return query.split（“”）。join（“”//将url的空格替换为+s
}
函数updateFrame（查询）{
query=query（查询）；
var i=document.getElementById（“搜索结果”）；
var搜索引擎=”http://startpage.com/do/m/mobilesearch/?q="
var yourSiteToSearch=“site:example.com+”
i、 src=搜索引擎+yourSiteToSearch+查询；
}
另外，如果你想让iframe只在用户点击搜索框时弹出，这里有一个：jsfiddle.net/4EDUK如果你想在jQuery中自定义自动完成，你可以使用类似的方法，你必须用数组或远程文件定义自动完成值
Else Google Custom Search使您能够通过带有Google提供的属性参数的搜索框使用autocomplete。这是一个可以帮助您使用它的网页-如果您想要在jQuery中自定义自动完成，您可以使用类似的网页，您必须使用数组或远程文件定义自动完成值
Else Google Custom Search使您能够通过带有Google提供的属性参数的搜索框使用autocomplete。这是一个可以帮助您的网页-我如何在我的代码中使用它，就像我上面所说的，我不知道它是如何工作的，我只知道html css和php。我将把它放在哪里？我必须做些什么才能使它发挥作用？我想在这里看到我对你重复问题的回答。它包括所有的HTML、CSS、jQuery、PHP等。你需要完全按照你所描述的去做。@htmled我正在删除我在网站上使用过的那个问题，但仍然无法解决它。如果没有人根据你网站的具体需要编写代码，你很可能会发现这一点。这种类型的功能涉及很多，不仅仅是jQuery。没有确切的需求，我只想使用我的文本框进行搜索，并在iframe或类似iframe的选项卡中显示结果。我如何在我的代码中使用它，就像我上面所说的，我不知道它是如何工作的，我只知道html css和php。我将把它放在哪里？我必须做些什么才能使它发挥作用？我想在这里看到我对你重复问题的回答。它包括所有的HTML、CSS、jQuery、PHP等。你需要完全按照你所描述的去做。@htmled我正在删除我在网站上使用过的那个问题，但仍然无法解决它。如果没有人根据你网站的具体需要编写代码，你很可能会发现这一点。这种类型的功能涉及很多，不仅仅是jQuery。没有确切的需求，我只想使用我的文本框进行搜索，并在iframe或类似iframe的选项卡中显示结果。谢谢，我已经更新了很多。我如何使iframe仅在单击文本框时显示？哦，你可能会想把你的网站提交给谷歌，让他们索引，但看起来他们还没有@user1978141，我只是想澄清一下，我给你的链接在点击时不会显示iframe，而是在用户在搜索框中输入内容时显示。是的，我知道在点击文本框之前如何隐藏框架？你让我走了一半路goal@user1978141哎呀！对不起，那是错误的链接。请稍等。非常感谢我更新了它。我如何才能使iframe仅在单击文本框时显示？哦，而且您可能希望将您的网站提交给谷歌，以便他们进行索引，看起来他们还没有@user1978141，我只是想澄清一下，我给你的链接在点击时不会显示iframe，而是在用户在搜索框中输入内容时显示。是的，我知道在点击文本框之前如何隐藏框架？你让我走了一半路goal@user1978141哎呀！对不起，那是错误的链接。请稍等。
$(window).load(function()
{
var opts =
{
url: "http://www.google.com/search?q=" + $("#mysearchInput").val(),
success: function(data)
{
//parse the results which are in variable "data".
//You're going to need to analyze the results yourself
//and parse it yourself, in whatever way you want to
var myresults = "my example results here";
$("#myiframe").append(myresults);
}
}
$.ajax(opts);
});
<!DOCTYPE html>
<html>
<head>
<script>
function querify(query) {
return query.split(" ").join("+") // replaces spaces with +s for url
}
function updateIframe(query) {
query = querify(query);
var i = document.getElementById("searchResults");
var searchEngine = "http://startpage.com/do/m/mobilesearch/?q="
var yourSiteToSearch= "site:example.com+"
i.src = searchEngine + yourSiteToSearch + query;
}
</script>
</head>
<body>
<input oninput="updateIframe(this.value)" type="text">
<iframe id="searchResults" height="100%" width="100%">
</body>