Skip to Content
0
Oct 21, 2015 at 03:49 PM

XMlHttpRequest Error in Fiori application

948 Views

Hi

I have created a sample Fiori Master Detail application. When I try to run the app, it's displaying a blank screen with a warning message.

Message: Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.

Index.html:

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta charset="UTF-8">

<title>${project_name}</title>

<script id="sap-ui-bootstrap"

type="text/javascript"

src="resources/sap-ui-core.js"

data-sap-ui-theme="sap_bluecrystal"

data-sap-ui-libs="sap.m"

data-sap-ui-xx-bindingSyntax="complex"

data-sap-ui-resourceroots='{"${namespace}": "./"}'>

</script>

<script>

new sap.m.Shell({

app: new sap.ui.core.ComponentContainer({

height : "100%",

name : "${namespace}"

})

}).placeAt("content");

</script>

</head>

<body class="sapUiBody" role="application">

<div id="content"></div>

</body>

</html>

Component.js:

jQuery.sap.declare("${namespace}.Component");

sap.ui.core.UIComponent.extend("${namespace}.Component", {

createContent : function() {

// create root view

var oView = sap.ui.view({

id: "idViewRoot",

viewName: "${namespace}.view.Root",

type: "XML",

viewData: { component : this }

});

// set data model on root view

oView.setModel(new sap.ui.model.json.JSONModel("model/mock.json"));

// set i18n model

var i18nModel = new sap.ui.model.resource.ResourceModel({

bundleUrl : "i18n/messageBundle.properties"

});

oView.setModel(i18nModel, "i18n");

// done

return oView;

}

});