Web({ src: "https://jsksmacii.foxconn.com/webServiceCall/H5/macll/Newin/selfReport.html", controller: this.controller }) 如何攜帶參數
时间: 2024-10-17 21:06:15 浏览: 17
FITHonTeng:二零一八年年度报告.PDF
在使用Web组件加载HTML文件时,如果你需要携带参数,通常会在URL后面附加查询字符串的形式。在Angular或其他前端框架中,你可以这样做:
```javascript
Web({
src: 'https://jsksmacii.foxconn.com/webServiceCall/H5/macll/Newin/selfReport.html?param1=value1¶m2=value2',
controller: this.controller
})
```
这里,`selfReport.html` 页面将会接收到名为 `param1` 和 `param2` 的查询参数,其值分别为 `value1` 和 `value2`。在页面内部,你可以通过 JavaScript 的 `window.location.search` 或者 `URLSearchParams` API 来访问这些参数。
如果你想在后端处理这些参数,可以在请求路径中加入动态的部分,如使用路由系统(如Express.js),可以这样构建URL:
```javascript
let url = '/api/some-endpoint?param1=' + encodeURIComponent(value1) + '¶m2=' + encodeURIComponent(value2);
Web({
src: url,
controller: this.controller
})
```
这里,`encodeURIComponent` 被用来确保参数值被正确编码以防止特殊字符导致的问题。
阅读全文