js页面接收参数

function getQueryParamByName(name, url = window.location.href) {
    name = name.replace(/[\[\]]/g, '\\$&');
    let regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// 使用示例
let param1 = getQueryParamByName('param1');
let param2 = getQueryParamByName('param2');

<form id="myForm">
    <input type="text" name="param1" value="value1">
    <input type="text" name="param2" value="value2">
    <button type="submit">Submit</button>
</form>

<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    let formData = new FormData(this);
    let param1 = formData.get('param1');
    let param2 = formData.get('param2');
    console.log(param1, param2);
    // 这里可以进行进一步的处理，比如通过AJAX发送到服务器
});
</script>

fetch('http://example.com/api/data?param1=value1&param2=value2')
    .then(response => response.json())
    .then(data => {
        console.log(data); // 处理返回的数据
    })
    .catch(error => console.error('Error:', error));