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

我的怎么不出现智能提示框啊,但是可以直接搜索

http://img1.sycdn.imooc.com//57c6386d0001e95113740736.jpg

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta charset="UTF-8">
 <title>Document</title>
 <link href="css/style.css" rel="stylesheet">
 <script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
 <div>
    <div>
  <div></div>
  <form action="http://cn.bing.com/search" target="_blank" id="search-form">
   <input type="text" name="q" id="search_input" autocomplete="off"/>
   <input type="submit" value="" />
  </form>
    </div>
   
 </div>
 <div id="search-suggest" style="display:none">
  <ul id="search-result">
   <li>搜索结果1</li>
   <li>搜索结果2</li>
   <li>搜索结果3</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-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-suggest").hide();
  });
 </script>
</body>
</html>

正在回答

5 回答

跨域问题,你是localhost,需要利用相关工具改为api.bing.com;ajax的跨域问题很常见,你可以搜索一下.

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

慕后端3081372 提问者

非常感谢!
2016-09-18 回复 有任何疑惑可以回复我~
#2

慕后端3081372 提问者

有解决办法么?怎么改?
2016-09-18 回复 有任何疑惑可以回复我~
#3

名字都给你们起完了 回复 慕后端3081372 提问者

我也搞不了跨域问题 fiddler上面也不会弄啊
2016-10-12 回复 有任何疑惑可以回复我~
#4

Merrier 回复 名字都给你们起完了

fiddler应该是可以的,毕竟神器
2016-11-04 回复 有任何疑惑可以回复我~
查看2条回复

下面是www.92find.com的几家客户的实例,有211、985大学,有电商,有信息门户

http://img1.sycdn.imooc.com//594c6fab000135ef10060354.jpg

http://img1.sycdn.imooc.com//594c6fad0001ff6305790274.jpg

 

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

慕先生1901025

下面第二章图片是个gif动图,要鼠标点击后才能看动画效果
2017-06-23 回复 有任何疑惑可以回复我~

实现一个智能提示功能需要ajax、数据库、jsp/php、算法等很多知识,

如果数据量大,还需要特殊优化

一个小功能,花费太大精力很不划算

我使用了92find.c-o-m的搜索框智能提示功能托管服务,

只要一行javascript代码就可以实现百度、淘宝搜索框提示的全部功能

比如:汉字拼音匹配、拼音前缀匹配、模糊搜索、智能容错,还可以自定义提示词汇及其排序权重

花五分钟我的网站就可以部署同百度、淘宝一样强大好用的输入提示功能

同时兼容IE、Firefox、Safari、Chrome、Opera各种浏览器

兼容ios、Android、Windows


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

慕后端3081372 提问者

谢谢,开阔了思路,都是高人啊
2017-03-22 回复 有任何疑惑可以回复我~

http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html   修改hosts文件,改变解析路径,跨域问题在服务器上很好解决,本地环境的话还真没尝试过

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

举报

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

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

进入课程

我的怎么不出现智能提示框啊,但是可以直接搜索

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