SAP UI5应用里使用jQuery.ajax异步读取xml文档并显示在SAP UI5应用界面上

Jerry Wang

发布于 2021-02-20 14:49:48

3820

发布于 2021-02-20 14:49:48

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title>SAPUI5 Sandbox</title>
	<script
		id="sap-ui-bootstrap"
		src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js"
		data-sap-ui-theme="sap_belize"
		data-sap-ui-libs="sap.m,sap.ui.layout"
		data-sap-ui-compatVersion="edge"
		data-sap-ui-preload="async">
	</script>
	<script>
		sap.ui.getCore().attachInit(function () {
			var oInput = new sap.m.Input({
				liveChange : function(oEvent) {
					console.log('live change event: ' + oEvent.getParameter('newValue'));
				}
		});
		var oVerticalLayout = new sap.ui.layout.VerticalLayout();
		oVerticalLayout.addContent(oInput);

		var oHorizontalLayout = new sap.ui.layout.HorizontalLayout();
		
		var oLabel = new sap.m.Label({
			text: 'Response:s',
			labelFor: 'result',
			design: 'Bold'
		});
		var oResult = new sap.m.Text('result');
		oHorizontalLayout.addContent(oLabel);
		oHorizontalLayout.addContent(oResult);
		//oText.setText('response');

		oVerticalLayout.addContent(oHorizontalLayout);
		oVerticalLayout.placeAt("content");

		var html = jQuery.ajax({
			url:"s5.xml",
			dataType: 'text',
			async:true, 
			success:
			(oResponse) => { 
				oResult.setText(oResponse);
			}
		});
	});
	</script>
</head>
<body class="sapUiBody" role="application">
	<div id="content"></div>
</body>
</html>

效果：