简单实现ajax获取跨域数据
本文实例为大家分享了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 跨域问题的实现思路
赞 (0)