提问人:Jeff 提问时间:9/24/2020 最后编辑:Jeff 更新时间:9/25/2020 访问量:4919
如何使用 DuckDuckGo 的搜索自动完成建议
How to use DuckDuckGo's search autocomplete suggestions
问:
我正在将我的个人搜索建议从 google 转移到 duckduckgo,但我缺少一些简单的东西来使其工作。我正在使用jQuery-UI的自动完成框架。
我的搜索表单
<form action="https://duckduckgo.com/?q=" method="post" id="search">
<input type="text" name="query" value="" autocomplete="off">
<button type="submit">Search</button>
</form>
我的jQuery
$( "#search input[type=text]" ).autocomplete(
{
delay: 0,
minLength: 1,
position: { my: "left top-3" },
source: function( request, response )
{
// var suggestURL = "https://www.google.com/complete/search?client=firefox&q=%QUERY";
var suggestURL = "https://duckduckgo.com/ac/?q=%QUERY&type=list";
suggestURL = suggestURL.replace( "%QUERY", request.term );
$.ajax({
method: "GET",
dataType: "jsonp",
jsonpCallback: "jsonCallback",
url: suggestURL,
success: function( data )
{
response( data[1] );
},
error: function( jqXHR, textStatus, errorThrown )
{
console.log( textStatus, errorThrown );
}
}
});
对 google 的查询返回:
https://suggestqueries.google.com/complete/search?client=firefox&q=foobar&callback=jsonCallback&_=1600956954436
jsonCallback && jsonCallback(["foobar",["foobar","foobar meaning","foobar google","foobar challenge","foobar2000 skins","foobar2k","foobar2000 themes","foobar2000 download","foobar2000 mac","foobar themes"],[],{"google:suggestsubtypes":[[433],[],[],[],[],[],[],[],[],[]]}])
对 duckduckgo 的查询返回:
https://ac.duckduckgo.com/ac/?q=foobar&type=list&callback=jsonCallback&_=1600956892202
["foobar",["foobar2000","foobar","foobar2000 download","foobar ape","foobar2000 layout","foobar2000 decoder","foobar2000 tak","foobar2000 dsp"]]
两者之间的区别似乎包含在谷歌查询中,我不明白为什么它们不同或如何解决它。jsonCallback && jsonCallback([data])
编辑 1
在向js添加一些错误处理后,我得到的错误是:
parsererror Error: jsonCallback was not called
编辑 2
在深入研究之后,我认为 DDG 的服务器不允许这样做。据我所知,他们的服务器需要发送适当的响应,但我认为它没有这样做。
答:
请参阅:https://duckduckgo.com/api
要自己使用它,您可以使用下面列出的语言库之一,或者只需将“&format=json”(或xml,如果您愿意)添加到api子域中的任何查询URL上,例如
https://api.duckduckgo.com/?q=DuckDuckGo&format=json
以下是使用要求:
- 您在使用我们的 API 的每个地方为我们和任何底层来源进行归因。对于来源,您可以链接到来源的相关详情页面。对于我们来说,您可以使用我们的徽标(并链接到特定的结果页面)说出 DuckDuckGo 的结果。
- 非商业用途,除非您获得我们的电子邮件批准(尽管我们通常可以处理任何不粗略的内容)。
- 使用描述性 t 参数,即将 &t=nameofapp 附加到您的请求中。
我们的总体目标是让更多的人使用 DuckDuckGo,所以也请记住这一点。
q: query
format: output format (json or xml)
If format=='json', you can also pass:
callback: function to callback (JSONP format)
这适用于 JSONP:https://jsfiddle.net/Twisty/rqdtv9sn/86/
这里的问题是,这些不是建议和这些建议的 URL,https://ac.duckduckgo.com/ac/ 不想很好地使用 CORS。你可以用 FETCH API 来捏造它,但即使请求失败或无法解析,也只能继续执行 Promise。
因此,在 DDG 提供建议 API 之前,您大多不走运。
下面讨论了一些潜在的其他选项: https://www.sitepoint.com/jsonp-examples/
var script = $("<script />", {
src: "https://ac.duckduckgo.com/ac/?q=" + req.term,
type: "application/json"
}
);
虽然这有效,但它对我们没有多大帮助,因为我们无法获取它所包含的数据。
示例:https://jsfiddle.net/Twisty/rqdtv9sn/89/
浏览器显示响应,但随后出现解析错误。
评论
这适用于任何想要使用 jQueryUI 的自动完成框架在其服务器上设置 DuckDuckGo 的搜索自动完成建议的人。
默认情况下,您不允许使用 JavaScript 跨域抓取/获取数据,因此我不得不在服务器上创建一个代理文件以绕过这些限制。
在这种情况下,我的挂断是,如果您在请求中传递某些变量,则 google 的搜索自动完成建议服务器明确允许这些 CORS 违规。
这是我的代码,用于使 DuckDuckGo 的搜索自动完成建议在我的网页上工作:
索引.php
<form action="https://duckduckgo.com/?q=" method="post" id="search">
<input type="text" name="query" value="" autocomplete="off">
<button type="submit">Search</button>
</form>
javascript.js
$( "#search input[type=text]" ).autocomplete(
{
delay: 0,
minLength: 1,
position: { my: "left top-3" },
source: function( request, response )
{
var suggestURL = "https://www.example.com/proxy-duckduckgo.php?q=%QUERY";
suggestURL = suggestURL.replace( "%QUERY", request.term );
suggestURL = suggestURL.replace( / /g, "+" )
$.ajax({
method: "GET",
dataType: "json",
url: suggestURL,
success: function( data )
{
response( data[1] );
},
error: function( jqXHR, textStatus, errorThrown )
{
console.log( textStatus, errorThrown );
}
});
}
});
proxy-duckduckgo.php
<?php
$query = isset( $_GET['q'] ) ? str_replace( ' ', '+', $_GET['q'] ) : 'example';
$url = 'https://duckduckgo.com/ac/?q='.$query.'&type=list';
$ch = curl_init();
curl_setopt( $ch, CURLOPT_URL, $url );
curl_setopt( $ch, CURLOPT_RETURNTRANSFER, TRUE );
curl_setopt( $ch, CURLOPT_IPRESOLVE, CURL_IPRESOLVE_V4 );
$html = curl_exec( $ch );
curl_close( $ch );
echo $html;
评论
https://duckduckgo.com/ac/?q={param}&kl=wt-wt
&kl=wt-wt
&kl=wt-wt
credentials
include
mode
*