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函數中。