                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /搜索框制作

jsonp 跨域解決

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>搜索框</title>
<script?type="text/javascript"?src="../node_modules/jquery/dist/jquery.js"></script>
</head>
<body>
<form?action=""?target="_blank"?method="post">
<input?type="text"?id="mis">
<input?type="submit">
</form>
<div?id="onsd"?style="display:?none;">
<ul>
<li>ons</li>
</ul>
</div>
</ul>
<script?type="text/javascript">
$(document).ready(function(){
$('#mis').on('keyup',function(){
$.ajax({
type:?'GET',
url:'http://api.bing.com/qsonhs.aspx?type=cb&cb=a&q='+$(this).val(),
dataType:'jsonp',
jsonp:'cb',
success:?function(msg){
var?ons?=?msg.AS.Results[0].Suggests;
html?=?'';
for(var?i=0;i<ons.length;i++){
html?+=?'<li><a?target="_blank"?href='+?ons[i].Url?+'>'+ons[i].Txt+'</a></li>';
}
$('#onsd?ul').html(html)
$('#onsd').show()
},
error:?function(jqXHR){
alert('錯誤：'+jqXHR.status)
}
})
})
})
</script>
</body>
</html>

BCS

2016-06-16

源自：搜索框制作 2-5

關注問題我要回答

1428

操作

收起

5 回答

qweqwe13123123
2016-11-01

我也想問樓上的問題，能解答嗎？

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

收起回答

BCS 提問者

好的，鏈接我發出來了你可以去參考下

2016-11-02 回復有任何疑惑可以回復我~

qweqwe13123123 回復 BCS 提問者

http://api.bing.com/qsonhs.aspx?type=cb&q=#content#&cb=window.bing.sug http://suggestion.baidu.com/su?wd=#content#&cb=window.baidu.sug 看了一下，干貨呀，太感謝了。但是像這些鏈接地址是他們自己定的，自己寫的。我們只需要引用就行了？

2016-11-02 回復有任何疑惑可以回復我~

BCS 提問者回復 qweqwe13123123

是的.

2016-11-02 回復有任何疑惑可以回復我~