使用jsonP实现百度关键词下拉提示

使用到的百度jsonP接口地址:
http://suggestion.baidu.com/su?wd=关键词(aa)&cb=回调函数名(callback)

使用这个格式请求时,会得到一个回调函数(这里使用的关键词是aa,回调函数名是callback):

callback({q: "aa", p: false,…});
p
:
false
q
:
"aa"
s
:
["aape官网", "aaa", "aabc形式的词语", "aape", "aac", "aae", "aa电池", "aar", "aas", "aabb"]
0
:
"aape官网"
1
:
"aaa"
2
:
"aabc形式的词语"
3
:
"aape"
4
:
"aac"
5
:
"aae"
6
:
"aa电池"
7
:
"aar"
8
:
"aas"
9
:
"aabb"

html代码:

使用jsonP实现百度关键词下拉提示

    下拉框,用于存放返回的关键词

CSS代码:


javascript代码:


    

效果如下:


使用jsonP实现百度关键词下拉提示_第1张图片
效果图

你可能感兴趣的:(使用jsonP实现百度关键词下拉提示)