在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上
生活随笔
收集整理的這篇文章主要介紹了
在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
源代碼:
<!DOCTYPE html> <html> <head><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta charset="utf-8"><title>SAPUI5 Sandbox</title><scriptid="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 oText = new sap.m.Text();oVerticalLayout.addContent(oText);//oText.setText('response');oVerticalLayout.placeAt("content");var html = jQuery.ajax({url:"s5.xml",async:false});oText.setText(html.responseText);// console.log('response: ' + html.responseText);});</script> </head> <body class="sapUiBody" role="application"><div id="content"></div> </body> </html>url:http://localhost:3000/wt/livesearch.html
注意,不能本地直接打開livesearch.html, 否則會遇到跨域問題:
Access to XMLHttpRequest at ‘file:///C:/Code/jerrylist/walkthrough/s5.xml’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
運行時結果:
總結
以上是生活随笔為你收集整理的在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何为一篇文档创建目录(如何在Ubunt
- 下一篇: dnf华莱士为什么这么贵(最强自定义装备