Java自学者论坛

 找回密码
 立即注册

手机号码,快捷登录

恭喜Java自学者论坛(https://www.javazxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,会员资料板块,购买链接:点击进入购买VIP会员

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程Go语言视频零基础入门到精通Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程SpringBoot2.X入门到高级使用教程大数据培训第六期全套视频教程深度学习(CNN RNN GAN)算法原理Java亿级流量电商系统视频教程
互联网架构师视频教程年薪50万Spark2.0从入门到精通年薪50万!人工智能学习路线教程年薪50万大数据入门到精通学习路线年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程MySQL入门到精通教程
查看: 440|回复: 0

一篇关于ajax跨域问题的解决方案

[复制链接]
  • TA的每日心情
    奋斗
    6 天前
  • 签到天数: 795 天

    [LV.10]以坛为家III

    2050

    主题

    2108

    帖子

    72万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    724084
    发表于 2021-4-20 15:07:32 | 显示全部楼层 |阅读模式

     

    这几天没事,我有一个好友,让我帮他做一个机器人对话demo, 我说 看看有没有时间(其实自己一脸懵逼)

    然后百度了一下,发现了一个机器人  -(连接就不弄出来了,可以私底下交流) ,,我是用这个的

     

     

     

     

    好 就这个了,基本的对话都可以实现, 打算接她的url 来个偷梁换柱(哈哈)

     

    获取他的实现对话地址 ,发现了

     

     {"content":"suggest:你好"}  这不就是我刚刚输入的嘛?

    然后找到他返回的结果

     

     

     

    没错,就是他了

    然后自己使用ajax  ,对他接口进行封装(此出代码     就不弄出来了,毕竟这是别人的接口,搞的满大街都这样弄,人家怎么赚钱...)

     

     $.ajax({
     2     type:"get",    //请求方式 
     4     url:"地址", 
     8     data:{"query":"civilnews"},    //请求参数,用户输入参数
     9 
    10     beforeSend: function() {
    11         //请求前的处理
    12     },
    13 
    14     success: function(data) {
    15         //请求成功处理,和本地回调完全一样
    16     },
    17 
    18     complete: function() {
    19         //请求完成的处理
    20     },
    21 
    22     error: function(error) {
    console.log(error)
    23 //请求出错处理 24 } 25 });

     

    结果报错

     

    自己贴代码百度,然后才知道,这是跨域问题引起的,事实也是,你调用别人接口,怎么可能服务地址相同呢?

    不说了,自己解决

    百度 看了看  有三种解决方法(我所知道的)

    如何解决ajax跨域

    • JSONP方式
    • CORS方式
    • 代理请求方式

    目前也没有什么好的办法,加上也赶时间,看了一下,发现jsonp方法最简单,便捷

    于是就选择了他

     

    1 $.ajax({
     2     type:"get",    //请求方式 
     4     url:"http://www.domain.net/url",
     5     dataType:"jsonp",    //跨域json请求一定是jsonp
     6     jsonp: "callbackparam",    //跨域请求的参数名,默认是callback
     7         //jsonpCallback:"successCallback",    //自定义跨域参数值,回调函数名也是一样,默认为jQuery自动生成的字符串
     8     data:{"query":"civilnews"},    //请求参数
     9 
    10 
    14     success: function(data) {
    15         //请求成功处理,和本地回调完全一样
    16     },
    17
       error: function(error) {
    console.log(error) 23 //请求出错处理 24 }
    25 });

     

     

     

    ok  现在刷新重新输入,就可以获取返回的结果了

    (代码放在公司的...) 

     

    哎...今天够累的,签到来了1...
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|小黑屋|Java自学者论坛 ( 声明:本站文章及资料整理自互联网,用于Java自学者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-9-28 13:38 , Processed in 0.055883 second(s), 27 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表