使用jquery中的ajax实现跨域,也主要使用了jsonp跨域的特性,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>跨域</title>
<script src="js/jquery-1.7.2.min.js"></script>
<script>
$(function(){
$('#btn').click(function(){
//请求数据
$('#list').html('');
var inp = $("#Inp").val();
var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+inp;//此处地址拼接
$.ajax({
url:url,
dataType:'jsonp',//类型是jsonp
jsonp:'cb', //百度接口的回调函数就是 cb
success:function(data) {
console.log(data.s);
var html='';
for(var i=0;i<data.s.length;i++) {
html+='<li>'+data.s[i]+'</li>';
}
$('#list').append(html);
}
});
});
});
</script>
</head>
<body>
<input type="text" name="" id="Inp">
<button id="btn">搜索</button>
<ul id="list"></ul>
</body>
</html>