成都网站建设设计

将想法与焦点和您一起共享

如何实现ajax获取跨域数据

这篇文章给大家分享的是有关如何实现ajax获取跨域数据的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

从事大邑服务器托管,服务器租用,云主机,网页空间,国际域名空间,CDN,网络代维等服务。

1.效果图

如何实现ajax获取跨域数据

如何实现ajax获取跨域数据

2.源码



  
  
    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');
        }
      });
    }
  


  百度搜索"我"

什么是ajax

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

感谢各位的阅读!关于“如何实现ajax获取跨域数据”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


本文标题:如何实现ajax获取跨域数据
文章网址:http://chengdu.cdxwcx.cn/article/ppdcps.html