• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    简单实现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>
    

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

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

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    简单实现ajax获取跨域数据 简单,实现,ajax,获取,跨域,