从外部获取函数参数,而不在JavaScript中执行此函数,可以通过以下几种方式实现:
window.location.search
获取URL中的查询字符串,然后解析出参数值。例如,假设有一个函数getData()
,需要从外部获取参数id
和name
,可以通过以下方式获取:
function getData() {
const urlParams = new URLSearchParams(window.location.search);
const id = urlParams.get('id');
const name = urlParams.get('name');
// 执行函数逻辑
}
在调用getData()
函数时,可以在URL中添加参数,例如:https://example.com/page.html?id=123&name=John
。
例如,假设有一个表单如下:
<form id="myForm">
<input type="text" name="id" />
<input type="text" name="name" />
<button type="submit">提交</button>
</form>
可以通过监听表单的提交事件,获取表单中的参数值:
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
const id = this.elements.id.value;
const name = this.elements.name.value;
// 执行函数逻辑
});
例如,使用fetch API发送GET请求获取参数:
fetch('https://example.com/api/data?id=123&name=John')
.then(response => response.json())
.then(data => {
const id = data.id;
const name = data.name;
// 执行函数逻辑
});
以上是从外部获取函数参数的几种常见方式,具体使用哪种方式取决于实际情况和需求。
领取专属 10元无门槛券
手把手带您无忧上云