为了账号安全,请及时绑定邮箱和手机立即绑定

我为么我在搜索框里输入一个3但没有老师讲的会出现下拉框可选内容呢?比如会出现“360”几个字,哪个大神帮我看下,我写的代码哪里错了?

<body>

<div class="bg-div">

    <div class="search-box">

            <div class="logo"></div>

            <form class="search-form" action="https://cn.bing.com/search" target="_blank" id="search-form" >

                <input type="text" class="search-input-text" name="q" id="search_input" autocomplete="off" />

                <input type="submit" class="search-input-button" value="" />

            </form>

        </div>    

    </div>

    <div class="suggest" id="search-suggest" style="display:none">

    <ul id="search-result">

        <li>搜索结果1</li>

            <li>搜索结果2</li>

        </ul>

    </div>

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<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-suggest').show().css({

top:$('#search-form').offset().top+$('#search-form').height() ,

left:$('#search-form').offset().left,

position:'absolute'

});

},'json');

 

 

})

$(document).bind('click',function(){

$('#search-suggest').hide();

});   

</script>

</body>


正在回答

3 回答

我已经解决了

安装了个fiddler就可以解决了

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

_蕗丨詪倀_3425393

装了怎么解决。
2016-11-01 回复 有任何疑惑可以回复我~

楼主,解决了吗?我也遇到了,但是还没解决

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

荣耀zyy 提问者

还没解决
2016-10-07 回复 有任何疑惑可以回复我~

我也看了一下这个问题,console报错

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

这是CORS(Ajax跨域的解决方案,你最好再百度了解一下)的问题,因为如果你是在本地打开html文件(即浏览器上的地址是file://****.html),CORS是不能被启用的。

不使用CORS的话可以使用jsonp,不过jsonp要求站点本身提供支持。这里我们使用的是api.bing.com,是bing本身提供的服务,我们也不能解决。

这是我使用jsonp获得的错误信息

because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

bing只返回给我们json格式。

所以如果要解决的话还是要使用CORS:

可以在本地建一个服务器,或者将网站上传到一个服务器上。

具体我还没有实验。如果你解决了这个问题也希望你能告诉我

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
搜索框制作
  • 参与学习       66041    人
  • 解答问题       431    个

本课程从简入深讲解搜索框的制作,学习JQ与JS实现Ajax技术的不同点

进入课程

我为么我在搜索框里输入一个3但没有老师讲的会出现下拉框可选内容呢?比如会出现“360”几个字,哪个大神帮我看下,我写的代码哪里错了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信