UI5-技术篇-jQuery.ajax执行过程中Token验证及JSON格式传值问题

　　最近两天在测试OData服务类方法CREATE_DEEP_ENTITY及GET_EXPANDED_ENTITYSET，刚开始采用ODataModel方式调用没有任何问题，但是ODataModel采用的是异步方式（调整async:false没起到作用，不太清楚oDataModel是否存在同步机制），后来采用jQuery.ajax进行调用，此过程中token问题查询了很多资料（最终通过官网标准文档解决），现将测试过程及相关问题做下备注：

UI5-技术篇-Expand与Deep 服务测试

1.oDataModel方式调用

   oDataModel API文档：https://sapui5.hana.ondemand.com/#/api/sap.ui.model.odata.v2.ODataModel

　oDataModel封装方法与HTTP请求方式的对应关系：

• read -> get
• create -> post
• update -> put
• remove -> delete

　GET_EXPANDED_ENTITYSET对应的oDataModel请求方式：

var oModel = new sap.ui.model.json.JSONModel();

this.cModel.read("/ZRICO_USRSet",{
    async:false,
    urlParameters:{
        "$filter":"Usrid eq '" + this.inpusr + "'", //过滤条件
        "$expand":"HeaderToItem"　　　　　　　　　　　　//expand参数
    },
    success:function(oData,oResponse){
        oModel.setData(oResponse.data.results[0]);
    },
    error:function(oError){
        //
    }
});

　CREATE_DEEP_ENTITY对应的oDataModel请求方式：

this.saveModel = this.getOwnerComponent().getModel("ZRICO_DEEP_USR");
this.saveData = {
    Usrid:this.getView().byId("inp_usrid").getValue(),
    Usrname:this.getView().byId("inp_usrname").getValue(),
    Usraddr:this.getView().byId("inp_usraddr").getValue(),
    HeaderToItem:this.getView().byId("usrTable").getModel().getData().HeaderToItem.results
};

this.saveModel.create("/ZRICO_USRSet",this.saveData,{
    async:false,
    success:function(oData,oResponse){
        this.oModeldeep.setData(oData);
    },
    error:function(oError){
        return oError;
    }
});

　以上调用过程中都设置了async：false（即同步参数），但是执行过程中没起作用，具体如何设置需进一步查阅资料。

2.JQuery.AJAX方式调用

　采用jQuery.ajax方式请求数据，目前出现最多的问题应该是token验证问题了，在SAP论坛及博客空间查阅了一整天，讨论token问题的帖子很多，但是没找到一个实际有效的方法，最后直接查阅了官方标准文档（https://help.sap.com/viewer/b3d0daf2a98e49ada00bf31b7ca7a42e/2.0.04/en-US/e8a6bc904c0c48a182288604f467e84a.html?q=x-csrf-token）解决该问题。

　JQuery.ajax具体调用过程如下：　

onBTSave: function(oEvent) {
    //This code was generated by the layout editor.
    //设置oDataModel
    this.saveModel = this.getOwnerComponent().getModel("ZRICO_DEEP_USR");
    //c
    this.saveData = {
        Usrid:this.getView().byId("inp_usrid").getValue(),
        Usrname:this.getView().byId("inp_usrname").getValue(),
        Usraddr:this.getView().byId("inp_usraddr").getValue(),
        HeaderToItem:this.getView().byId("usrTable").getModel().getData().HeaderToItem.results
    };
    
    this.oModeldeep = this.onBTSaveModel(this.saveData);
    this.getView().setModel(this.oModeldeep);
    this.oTable.setModel(this.oModeldeep);
},
        
onBTSaveModel: function(fv_data) {
    var oModel = new sap.ui.model.json.JSONModel();
    var sUrl = this.getOwnerComponent().getModel("ZRICO_DEEP_USR").sServiceUrl + "/ZRICO_USRSet";
    //var token = this.getOwnerComponent().getModel("ZRICO_DEEP_USR").getSecurityToken();
　　 
    jQuery.ajax({
        url:  this.getOwnerComponent().getModel("ZRICO_DEEP_USR").sServiceUrl,
        type: "GET",
        async: false,
        beforeSend: function(xhr) {
            xhr.setRequestHeader("X-CSRF-Token", "Fetch");  　　　　　　　　　　//获取token
        },
        success: function(data, textStatus, XMLHttpRequest) {
            var token = XMLHttpRequest.getResponseHeader('X-CSRF-Token');　　//取值token
            jQuery.ajax({
                url: sUrl,
                type: "POST",
                async: false,
                contentType: "application/json",
                dataType: "json",
                data: JSON.stringify(fv_data),　　　　　　　　　　　　　　　　　　　//注意JSON格式转换
                beforeSend: function(xhr) {
                    xhr.setRequestHeader("X-CSRF-Token", token);　　　　　　　　//赋值token
                },
                success: function(response, stextStatus, jqXHR) {
                    oModel.setData(response.d);
                },
                error: function(xhr, etextStatus, error) {
                    oModel.state = "";
                    oModel.errorMessage = xhr ? xhr.status + " - " + xhr.statusText : textStatus;
                    oModel.errorStack = error && error.stack;
                }
            });        
        }
    });
    return oModel;
}
});

　错误：解析 XML 流时出错：'value expected at 'Usrid=1&Us''。   主要是JSON格式未转换造成的 JSON.stringify()，如上代码所示。

3.执行过程测试