网站首页 编程案例 正文
本文实例为大家分享了ajax获取跨域数据的具体代码，供大家参考，具体内容如下
1.效果图
2.源码
<html>
<head>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript">
function getData(keyword) {
var url="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=" +keyword;
$.ajax({
type: "get",
async: false,
url: encodeURI(url),
dataType: "jsonp",
jsonp: "cb", // 后台定义的回调函数标识符(一般默认为:callback)
jsonpCallback: "jsonCallback", // 自定义的jsonp回调函数名称(默认为jQuery自动生成的随机函数名)
success: function(data,status){
console.log(data);
console.log(status);
},
error: function(){
alert('fail');
}
});
}
</script>
</head>
<body>
<button onclick="getData('我');">百度搜索"我"</button>
</body>
</html>猜你喜欢
- 2018-08-13 HTML5响应式支持手机移动端手势滑动轮播图插件
- 2018-06-22 完美快速解决百度分享不支持HTTPS的问题
- 2018-06-01 简单实现ajax拖拽上传文件
- 2018-05-29 jQuery全屏大图轮播带遮罩无缝滚动自动切换插件
- 2018-05-29 JS实现用回车键切换焦点
- 2018-05-28 CSS3汉堡包菜单图标按钮变形动画特效
- 2018-05-15 JS控制让Console漂亮起来，在浏览器控制台添加网站说明
- 2018-05-14 网站美化之右键功能特效代码
- 2018-05-10 jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部
- 2018-05-10 开发中的键盘码 键盘各按键对应的数字
欢迎 你 发表评论:
- 网站分类
- 标签列表
本文暂时没有评论，来添加一个吧(●'◡'●)