jQuery的AJAX请求成功,但是跳转到error的解决方法

问题描述

        最新在项目中,使用jQuery的ajax请求ArcGIS Server的服务,因为服务开启了token验证,所以需要在请求服务之前调用ArcGIS Seerver的token生成接口,然后再调用服务,如下:

let user_token='',_self=this;

//获取token
$.ajax({
    method:"post",
    //url:appConfig.server_host+":6443/arcgis/admin/generateToken",
    url:"/arcgis/tokens/",
    async:false,
    data:{
        request:"getToken",
        username:appConfig.userName,
        password:appConfig.password,
        credential:60
    },
    dataType:"json",
    success:function (data) {
        message.success("token请求成功!");
        //console.log(data)
        user_token=data;
    },
    error:function (e) {
        message.error("token请求失败!");
        console.log(e)
    }
});

//携带token请求服务
esriLoader.loadModules([
    "esri/layers/FeatureLayer",
], options) // 传入需要使用的类
    .then(([FeatureLayer,
           ]) => {
        // doSomeThing

        let featureLayer = new FeatureLayer(appConfig.noneServer+"/0?token="+user_token);

        _self.state.mainMap.addLayer(featureLayer);

        _self.setState({
            _initServer:featureLayer,
        })

    })
    .catch(err => {
        console.error(err)
    })

        由上述代码可知,token生成接口调用成功的话,他会跳转到success函数,然后将token赋值给user_token这个变量。但是,现在出现了一个问题,调用token生成生成接口的时候,他跳转到了error这个函数里面,这就意味着这个接口调用失败了吧。奇怪的问题出现了,当我把这个错误信息输出之后,发现token在里面。这是为什么呢,请求成功了,但是却执行了error函数。

 

解决方案

         查阅资料可发现,所有的原因都出现在了dataType这个属性的赋值上面,我们的原来的代码,dataType属性值是“json”,但是他返回的却不是json字符串,而是一串String类型的字符串,所以,就导致了以上的问题。

        我们将代码中的dataType属性值修改为“text”,运行代码发现,此时ajax跳转到了正确的函数里,即success函数中。

 

 

X北辰北的博客,想看更多内容,请移步我的个人博客:http://www.xbeichenbei.com/
上一篇:数据结构学习笔记(6)链式堆栈


下一篇:04Oracle11g静默安装之应答文件详解dbca.rsp详解