本文实例为大家分享了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- jquery中ajax处理跨域的三大方式
- 完美解决AJAX跨域问题
- jquery的ajax和getJson跨域获取json数据的实现方法
- Ajax实现跨域访问的三种方法
- 跨域请求之jQuery的ajax jsonp的使用解惑
- AJAX跨域请求json数据的实现方法
- IE9版本以下ajax 跨域问题可行解决方法
- AJAX javascript的跨域访问执行
- 解决AJAX中跨域访问出现''没有权限''的错误
- js跨域和ajax 跨域问题的实现思路
