.AS.Results[0].Suggests; 在哪里找的呢?
<!DOCTYPE html>
<html>
<head>
?? ?<meta charset="UTF-8">
?? ?<title>搜索框制作1</title>
?? ?<meta http-equiv='X-UA-Conpatible' content='IE=edge'>
?? ?<style type="text/css">
?? ??? ?*{
?? ??? ??? ?margin: 0;
?? ??? ??? ?padding: 0;
?? ??? ?}
?? ??? ?body{
?? ??? ??? ?background-color: #333;
?? ??? ?}
?? ??? ?.bg-div{
?? ??? ??? ?background-image: url(rem.png);
?? ??? ??? ?widows: 2230px;
?? ??? ??? ?height: 1359px;
?? ??? ??? ?margin:0 auto;
?? ??? ?}
?? ??? ?.logo{
?? ??? ??? ?background-image :url(logo.png);
?? ??? ??? ?width:107px;
?? ??? ??? ?height: 53px;
?? ??? ??? ?float:left;
?? ??? ??? ?margin:-4px 20px 0 0;
?? ??? ?}
?? ??? ?form{
?? ??? ??? ?float:left;
?? ??? ??? ?background-color: #fff;
?? ??? ??? ?padding: 5px;
?? ??? ?}
?? ??? ?.search-one,.search-two{
?? ??? ??? ?border:0;
?? ??? ?}
?? ??? ?.search-one{
?? ??? ??? ?width: 350px;
?? ??? ??? ?height: 25px;
?? ??? ??? ?line-height: 25px;
?? ??? ??? ?outline: none;? /*獲得焦點時? 沒有框體*/
?? ??? ??? ?float: left;
?? ??? ??? ?font-size:18px;? /*改變輸入框內的文字大小的*/
?? ??? ?}
?? ??? ?.search-two{
?? ??? ??? ?background-image: url(search-button.png);
?? ??? ??? ?width: 29px;
?? ??? ??? ?height: 29px;
?? ??? ??? ?float: right;
?? ??? ??? ?cursor: pointer;
?? ??? ?}
?? ??? ?.searchBox{
?? ??? ??? ?position: absolute;
?? ??? ??? ?top:300px;
?? ??? ??? ?left:400px;
?? ??? ?}
?? ??? ?.suggest{
?? ??? ??? ?background-color: #fff;
?? ??? ??? ?width: 387px;
?? ??? ??? ?border:1px solid #999;
?? ??? ?}
?? ??? ?.suggest ul{
?? ??? ??? ?list-style: none;
?? ??? ?}
?? ??? ?.suggest ul li{
?? ??? ??? ?padding: 3px;
?? ??? ??? ?font-size: 14px;
?? ??? ??? ?line-height: 25px;
?? ??? ??? ?cursor: pointer;
?? ??? ?}
?? ??? ?.suggest ul li:hover{
?? ??? ??? ?text-decoration: underline;
?? ??? ??? ?background-color:#888888;
?? ??? ??? ?color:#ffffff;
?? ??? ?}
?? ?</style>
?? ?<script src='jquery.js'></script>
</head>
<body>
?? ?<div>
?? ??? ?<div>
?? ??? ??? ?<div></div>
?? ??? ??? ?<form action="" id="search-form">
?? ??? ??? ??? ?<input type="text" id='search-input'class='search-one'/>
?? ??? ??? ??? ?<input type="submit" value=""/>
?? ??? ??? ?</form>
?? ??? ?</div>
?? ?</div>
?? ?<div id='search-results-suggest' style='display:none;'>
?? ??? ?<ul id='search-result'>
?? ??? ??? ?<li>121</li>
?? ??? ??? ?<li>33</li>
?? ??? ??? ?<li>44</li>
?? ??? ??? ?<li>117</li>
?? ??? ??? ?<li>116</li>
?? ??? ??? ?<li>114</li>
?? ??? ??? ?<li>131</li>
?? ??? ??? ?<li>1131</li>
?? ??? ??? ?<li>11123a</li>
?? ??? ?</ul>
?? ?</div>
?? ?<script>
?? ?$('#search-input').bind('keyup',function(){
?? ??? ?var searchText =$('#search-input').val();//取到了用戶輸入的內容
?? ??? ?$.get('http://api.bing.com/qsonhs.aspx?q='+searchText,function(d){
?? ??? ??? ?var d = d.AS.Results[0].Suggests;
?? ??? ??? ?var html='';
?? ??? ??? ?for(var i=0;i<d.length;i++){
?? ??? ??? ??? ?html+='<li>'+d[i].Txt+'</li>';
?? ??? ??? ?}?? ?
?? ??? ??? ?$('#search-result').html(html);
?? ??? ??? ?$('#search-results-suggest').show().css({
?? ??? ??? ?top:$('#search-form').offset().top+$('#search-form').height()+10,
?? ??? ??? ?left:$('#search-form').offset().left,
?? ??? ??? ?position:'absolute'
?? ??? ?});
?? ??? ?},'json');
?? ?});
?? ?$(document).bind('click',function(){
?? ??? ?$('#search-results-suggest').hide();
?? ?});
?? ?</script>
</body>
</html>
2017-02-22
那個你下載一下Fiddler這個軟件,它可以給你搭建一個后臺,圖一中所示選擇get\地址http://api.bing.com/bing_search_copy.html(你寫的HTML文件名),點Execute會報錯該軟件左側有報錯信息,然后你選擇圖2所示的操作,添加rules選擇你的HTML文件,還有HTML中用的圖片還有JQ代碼文件,之后保存一下,在返回圖一在請求一下,就好了,然后你在瀏覽器驗證搜索。在fiddler左側欄會有一個json,你點開就有AS.results,如圖2
圖一
圖2
圖3
2017-02-22
我把你說那個路徑在編碼中注釋了,然后,在搜索框隨便輸了個字,打開控制臺,如圖所示