問題描述

最新在專案中，使用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函式中。