Javascript 搜索栏模仿器

Javascript 搜索栏模仿器,javascript,html,web-services,Javascript,Html,Web Services,我不完全确定如何从不同的搜索引擎收集搜索结果,如:亚马逊、target、沃尔玛等 我的目标是创建一个搜索栏,它通常收集来自许多站点的全局搜索结果 如果你选择这个网站:但是亚马逊、沃尔玛等 我已经设置了搜索栏,但是如何继续创建和检索数据部分 正文{ 填充顶部:75px; } .搜索容器{ 宽度:490px; 显示:块; 保证金:0自动; } 输入#搜索栏{ 保证金:0自动; 宽度:100%; 高度:45px; 填充:0 20px; 字号:1rem; 边框:1px实心#D0CFCE; 大纲:无;

我不完全确定如何从不同的搜索引擎收集搜索结果,如:亚马逊、target、沃尔玛等

我的目标是创建一个搜索栏,它通常收集来自许多站点的全局搜索结果

如果你选择这个网站:但是亚马逊、沃尔玛等

我已经设置了搜索栏,但是如何继续创建和检索数据部分

正文{
填充顶部:75px;
}
.搜索容器{
宽度:490px;
显示:块;
保证金:0自动;
}
输入#搜索栏{
保证金:0自动;
宽度:100%;
高度:45px;
填充:0 20px;
字号:1rem;
边框:1px实心#D0CFCE;
大纲:无;
&:焦点{
边框:1px实心#008ABF;
过渡:0.35s缓解;
颜色:#008ABF;
&:-webkit输入占位符{
过渡:不透明度0.45秒;
不透明度:0;
}
&:-moz占位符{
过渡:不透明度0.45秒;
不透明度:0;
}
&:-ms占位符{
过渡:不透明度0.45秒;
不透明度:0;
}    
}
}
.搜索图标{
位置:相对位置;
浮动:对;
宽度:75px;
高度:75px;
顶部:-62px;
右:-45px;
}

搜寻

您需要将API用于您提到的其他服务。一些API将提供“包装器”,即用特定语言编写的某种可用形式的API。例如,AmazonAPI可能有一个PHP包装器(我不确定),它将为您提供一些类和/或函数,用于为您调用API


当您设置处理搜索表单的代码时,您必须将该搜索查询提供给要使用的每个API。他们很可能返回JSON或XML格式的数据,因此您可以通过解析来生成搜索结果。

您可能需要查看这些网站提供的API,它只是在正确端口上的http请求,带有您的选项,您可以得到一个结果列表,然后对所有网站执行此操作以获得一个大面板。因此,您可能希望有一个php页面(我假设是php部分)向您发送一个特定搜索的结果,或者有一个javascript ajax函数来调用API(我认为用户不太友好)