主页 > 知识库 > 简单实现ajax获取跨域数据

简单实现ajax获取跨域数据

热门标签:服务器配置 团购网站 科大讯飞语音识别系统 Linux服务器 银行业务 阿里云 电子围栏 Mysql连接数设置

本文实例为大家分享了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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
  • 详解Django解决ajax跨域访问问题
  • Ajax实现跨域访问最新解决方案
  • SpringBoot解决ajax跨域问题的方法
  • 浅谈Koa2框架利用CORS完成跨域ajax请求
  • ajax前台后台跨域请求处理方式
  • vue-cli开发时,关于ajax跨域的解决方法(推荐)
  • ajax跨域获取网站json数据的实例
  • 原生JS实现ajax与ajax的跨域请求实例
  • 浅谈jquery中ajax跨域提交的时候会有2次请求的问题
  • JQuery Ajax执行跨域请求数据的解决方案

标签:枣庄 江苏 大理 衢州 衡水 蚌埠 萍乡 广元

巨人网络通讯声明:本文标题《简单实现ajax获取跨域数据》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266