js跳转action带参数

在JavaScript中，如果你想在页面跳转时携带参数到另一个页面的action（通常是指表单提交的目标URL），你可以使用多种方法来实现。以下是一些常见的方法：

1. 使用URL查询参数

你可以将参数附加到URL的查询字符串中。例如：

// 假设你要跳转到'action.html'并且带上参数'id=123'
window.location.href = 'action.html?id=123';

在目标页面action.html中，你可以使用JavaScript来获取这些参数：

// 获取URL中的查询参数
function getQueryParam(param) {
    var urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(param);
}

var id = getQueryParam('id'); // '123'

2. 使用表单提交

如果你是通过表单提交数据，可以在表单中设置隐藏字段来携带参数：

<form action="action.html" method="get">
    <input type="hidden" name="id" value="123">
    <button type="submit">Submit</button>
</form>

3. 使用JavaScript动态创建表单并提交

你也可以使用JavaScript动态创建一个表单并提交它，这样可以更灵活地控制提交的参数和方式：

function submitFormWithParams(action, params) {
    var form = document.createElement('form');
    form.method = 'POST'; // 或者 'GET'
    form.action = action;

    for (var key in params) {
        if (params.hasOwnProperty(key)) {
            var input = document.createElement('input');
            input.type = 'hidden';
            input.name = key;
            input.value = params[key];
            form.appendChild(input);
        }
    }

    document.body.appendChild(form);
    form.submit();
}

// 使用示例
submitFormWithParams('action.html', { id: '123' });