当前位置: 首页 > news >正文

Ajax跨域访问,访问成功但一直走error不走success的的问题解决

Ajax跨域访问,访问成功但一直走error不走success的的问题解决

通过搜索各种资料,终于解决啦,废话不多说了,还是老规矩直接上代码:

我这里用了jsonp,有想了解的点击 : jsonp

前端代码:

  $.ajax({
                    type:'post',
                    url:'http://171125dv96.iask.in/weiqing_manage/Package.json',
                    dataType:'jsonp',
                    jsonp:'callback',
                    data:{phone:18865920808, type:'0'},
                    jsonpCallback:"successCallback",
                    success:function(data){
                        alert("成功!success");
                        alert(data.name);
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        alert("失败!error");
                        alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus);
                    }
                });

                /*
                *回调名successCallback可以自定义,必须和后台响应的名
                *对应
                *
                *如果XMLHttpRequest.status打印值为200
                *XMLHttpRequest.readyState为4
                *textStatus为parsererror
                *
                *parsererror:解析错误
                *由parsererror可以看出应该就是后台返回的数据格式有问题
                *了
                */

后台代码:

@Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.setContentType("text/json;charset=UTF-8");
        request.setCharacterEncoding("UTF-8");
        PrintWriter out = response.getWriter();
        String TELPHONE = request.getParameter("phone");
        String TYPE = request.getParameter("type");
        System.out.println("------------------------------------------");
        System.out.println("telphone: " + TELPHONE);
        System.out.println("type: " + TYPE);
        try {
            Package p = new Package();
            Gson gson = new Gson();
            String st = " 手机号:"+TELPHONE+",type:"+TYPE;
            System.out.println("111111111111111111111");
            p.setName(st);
            System.out.println(" 测试: " + gson.toJson(p));
            out.print("successCallback(" + gson.toJson(p) + ")");//尤其注意这里返回的数据格式: {"name":" 手机号:18865920808,type:0"}
            /*
            *因为Jsonp的返回类型:回调函数名+(+json+) 
            *
            */
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            out.flush();
            out.close();
        }

    }

后台打印:


文章转载自:
http://broody.zekgq.cn
http://bacteriocin.zekgq.cn
http://artificialize.zekgq.cn
http://alpeen.zekgq.cn
http://bottom.zekgq.cn
http://blacksmith.zekgq.cn
http://buitenzorg.zekgq.cn
http://banxring.zekgq.cn
http://anthozoic.zekgq.cn
http://bhojpuri.zekgq.cn
http://bedlight.zekgq.cn
http://butyraldehyde.zekgq.cn
http://caesardom.zekgq.cn
http://bullboat.zekgq.cn
http://blighter.zekgq.cn
http://advisee.zekgq.cn
http://aiee.zekgq.cn
http://aiie.zekgq.cn
http://byline.zekgq.cn
http://airwash.zekgq.cn
http://blague.zekgq.cn
http://checkbook.zekgq.cn
http://americanise.zekgq.cn
http://chemotherapeutant.zekgq.cn
http://antituberculosis.zekgq.cn
http://antilepton.zekgq.cn
http://caramelization.zekgq.cn
http://aqaba.zekgq.cn
http://buff.zekgq.cn
http://charivari.zekgq.cn
http://www.dtcms.com/a/2268.html

相关文章:

  • 学习记忆——数学篇——案例——代数——方程——一元二次方程
  • 文生图3.0:添加背景图片 3个回车```文生图```
  • 京东数据分析平台:2023年8月京东奶粉行业品牌销售排行榜
  • Qt实现 图片处理器PictureEdit
  • Kafka日志索引详解以及生产常见问题分析与总结
  • AdaBoost(上):数据分析 | 数据挖掘 | 十大算法之一
  • 参与现场问题解决总结(Kafka、Hbase)
  • Hibernate验证用户提交对象信息
  • Typescript 综合笔记:解读一个github中的React 网页
  • 国微FPGA培训
  • 云计算:常用系统前端与后端框架
  • 岛屿的数量
  • 【【萌新的SOC学习之AXI接口简介】】
  • thinkphp6 - 超详细使用阿里云短信服务发送验证码功能,TP框架调用对接阿里云短信发验证码(详细示例代码,一键复制开箱即用)
  • 第二证券:汽车产业链股活跃,恒勃股份、博俊科技“20cm”涨停
  • BS EN 12104-2023 软木地砖检测
  • Flutter环境搭建及新建项目
  • 【Git笔记】之Git重命名详解
  • 【OSPF宣告——network命令与多区域配置实验案例】
  • 【Qt】三种方式实现抽奖小游戏
  • unity操作_Camera c#
  • fastadmin框架如何开启事务
  • GO 中的指针?
  • 【AI视野·今日Robot 机器人论文速览 第四十九期】Fri, 6 Oct 2023
  • 前端uniapp如何修改下拉框uni-data-select下面的uni-icons插件自带的图片【修改uniapp自带源码图片/图标】
  • Dremio:新一代数据湖仓引擎
  • 制作电商页面(Html)
  • 03黑马店评-添加商户缓存和商户类型的缓存到Redis
  • pymoo包NSGA2算法实现多目标遗传算法调参详细说明
  • 爬虫进阶-反爬破解6(Nodejs+Puppeteer实现登陆官网+实现滑动验证码全自动识别)