cari

Rumah >hujung hadapan web >tutorial js >实现ajax获取跨域数据（图文教程）

实现ajax获取跨域数据（图文教程）

亚连
亚连asal
2018-05-21 15:52:251799semak imbas

这篇文章主要为大家详细介绍了如何简单实现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(&#39;fail&#39;);
        }
      });
    }
  </script>
</head>
<body>
  <button onclick="getData(&#39;我&#39;);">百度搜索"我"</button>
</body>
</html>

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

thinkPHP+ajax实现统计页面pv浏览量的方法

Ajax的概念和优势

 ajax的三种实现方式

Atas ialah kandungan terperinci 实现ajax获取跨域数据（图文教程）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：ajax中设置contentType: "application/json"的作用（图文教程）Artikel seterusnya：jquery中ajax处理跨域的三大方式（图文教程）

Artikel berkaitan

Lihat lagi