在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上

源代码：

<!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读取数据并显示在页面上相关推荐

SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
如何在 SAP UI5 应用里显示 PDF 文件试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年12月23日为止,目前已经更新了 155 篇,专栏完成度为 51.6%,完成度已经超过了一半了. ...
SAP UI5 SimpleForm 里在水平方向显示多组 Form 元素的实现方法试读版
一套适合 SAP UI5 初学者循序渐进的学习教程本专栏计划的文章数在 300 篇左右,到 2022年9月22日为止,目前已经更新了 133 篇,专栏完成度为 44.3%. 作者简介 Jerry W ...
使用函数节流思想避免 SAP UI5 应用里按钮短时间内被高频重复点击试读版
一套适合 SAP UI5 初学者循序渐进的学习教程作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
SAP UI5 应用开发教程之五十九 - 如何在 SAP UI5 应用里显示世界地图试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
48. 如何在 SAP UI5 应用里开发条形码扫描功能
SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能先看实现效果: 从 Github 下载本步骤的源代码: 运行命令行 npm install 和 ui5 se ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
jquery ajax json文件,jQuery ajax读取本地json文件
jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex": ...

在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上

在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上相关推荐

最新文章

热门文章