本教程到目前为止,我们还没有学习过在 SAP UI5 应用的控制器 JavaScript 代码里,手动向远端网络资源发起请求。虽然步骤 SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API 提到了在 SAP UI5 里使用 jQuery,但是步骤 45,并没有使用 jQuery 的 AJAX API,向远端网络服务发起请求,而仅仅学习了 jQuery 的 DOM API 去操作 DOM 的方法。
本步骤来填补这个空白,了解一下如何在 SAP UI5 应用中使用 ES6 的 fetch API.
所谓 ES6,全称是 ECMAScript 6,ES6 是其简称。ES6 是 2015 年 6 月正式发布的JavaScript 语言标准,按照年份来命名,为 ECMAScript 2015,简称 ES2015,因此 ES6 和 ES2015 是同一个东西。其目标是使 JavaScript 这门编程语言可以用来编写复杂的大型应用程序,成为企业级开发语言大家族中的一员。
fetch 是 ES6 提供的一个方便的异步访问网络资源的 API,被大多数现代浏览器所支持。
我们来看一个具体的例子。点击发送请求
按钮:
这个 SAP UI5 应用会调用 fetch API,从百度首页 https://www.baidu.com
读取其网页源代码,显示在 TextArea 里,内容如下: