您的位置：首页 > Web前端 > JQuery

使用JQuery中的ajax跨域

2017-09-05 17:39 337 查看

使用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航