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

请求的时候报错了,怎么回事呢?求解

https://img1.sycdn.imooc.com//5b99dbe20001922319190962.jpg

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<!--浏览器的文档模式是以最新版本的IE文档模式来渲染的,防止IE浏览器进入怪异文档模式,让它按照正常文档模式渲染页面-->

<meta http-equiv="X-UA-Compatible" content="IE=edge"/>

<title></title>

<style type="text/css">

*{

margin: 0;

padding: 0;

}

body{

background: #333;

}

.bg-box{

width: 1366px;

height: 768px;

background-image: url(images/river.jpg);

background-repeat: no-repeat;

margin: 0 auto;

position: relative;

}

.logo{

background-image: url(images/logo.png);

width: 107px;

height: 53px;

float: left;

margin: -4px 18px 0 0;

}

form{

float: left;

background: #fff;

padding: 5px;

}

.search-text{

border: none;

float: left;

height: 28px;

line-height: 28px;

outline: none;

width: 350px;

}

.search-btn{

border: none;

background-image: url(images/search-button.png);

width: 29px;

height: 29px;

float: left;

cursor: pointer;

}

.search-box{

position: absolute;

top: 200px;

left: 300px;

}

.suggest{

width: 388px;

background: #fff;

border: 1px solid #999;

position: absolute;

}

.suggest ul{

list-style: none;

}

.suggest ul li{

padding: 3px;

font-size: 14px;

line-height: 26px;

cursor: pointer;

}

.suggest ul li:hover{

text-decoration: underline;

background-color: #e5e5e5;

}

</style>

</head>

<body>

<div class="bg-box">

<div class="search-box">

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

<form action="" method="post" id="suggest-form">

<input id="search-input" type="text" class="search-text"/>

<input type="submit" class="search-btn" 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="js/jquery-1.10.2.min.js"></script>

<script type="text/javascript">

$("#search-input").on('keyup',function(){

var searchText = $("#search-input").val();            

         $.ajax({                 

           type:'get',                  

           url:'http://api.bing.com/qsonhs.aspx?type=cb&q='+searchText,                 

           async:true,                  

           dataType:"jsonp",                

           jsonp:'cb',                  

           success:function(data){                          

             var data = data.AS.Results[0].Suggests;                           

             var html="";                        

             for(var i=0;i<data.length;i++){                              

             html+='<li>'+data[i].Txt+'<li>';                         

             }                        

             $("#search-result").html(html);  

}

           })

         

         

$("#search-suggest").show().css({

'top':$("#suggest-form").offset().top+$("#suggest-form").height()+10,

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

});

})

</script>

</body>

</html>


正在回答

2 回答

原来是这样……orz

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

OK解决了,原来是请求地址写成了http

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

举报

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

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

进入课程

请求的时候报错了,怎么回事呢?求解

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