亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

.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>

正在回答

2 回答

那個你下載一下Fiddler這個軟件,它可以給你搭建一個后臺,圖一中所示選擇get\地址http://api.bing.com/bing_search_copy.html(你寫的HTML文件名),點Execute會報錯該軟件左側有報錯信息,然后你選擇圖2所示的操作,添加rules選擇你的HTML文件,還有HTML中用的圖片還有JQ代碼文件,之后保存一下,在返回圖一在請求一下,就好了,然后你在瀏覽器驗證搜索。在fiddler左側欄會有一個json,你點開就有AS.results,如圖2

58ad293b0001aba405000129.jpg

圖一

58ad293c000133a505000405.jpg

圖2

58ad293c0001b0d505000467.jpg

圖3


1 回復 有任何疑惑可以回復我~
#1

qq_我叫紅領巾_2 提問者

這是完成狀態下的 在編碼之前的話怎么知道路徑的 就是要知道寫代碼時 路徑
2017-02-22 回復 有任何疑惑可以回復我~
#2

昵稱已被占用eeee 回復 qq_我叫紅領巾_2 提問者

我把原來的.AS.Results[0].Suggests;這句注釋掉,在搜索框中輸了,在控制臺的response可以看到,你可以試試
2017-02-22 回復 有任何疑惑可以回復我~
#3

始終上路過

我的報錯了 愁死了 而且api.bing.com 頁面不存在啊
2017-03-30 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.com//58ad7a620001157915330376.jpg

我把你說那個路徑在編碼中注釋了,然后,在搜索框隨便輸了個字,打開控制臺,如圖所示

0 回復 有任何疑惑可以回復我~
#1

qq_我叫紅領巾_2 提問者

噢 原來如此
2017-02-22 回復 有任何疑惑可以回復我~
#2

abuzzzzzzz

想問問大佬 html+='<li>'+d[i].Txt+'</li>'; 這里的d[i].Txt 的Txt怎么來的
2019-01-05 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
搜索框制作
  • 參與學習       66022    人
  • 解答問題       463    個

本課程從簡入深講解搜索框的制作,學習JQ與JS實現Ajax技術的不同點

進入課程

.AS.Results[0].Suggests; 在哪里找的呢?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號