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/