如何实现PHP页面加载时自动执行URL传参的搜索功能？

嘿，这个需求我之前做过好几次，其实核心就是页面加载完成后自动触发搜索逻辑就行，分几步来实现：

1. 先从URL里提取传入的变量 #

首先得把URL参数拿出来，比如你的访问链接是 https://yourpage.com?keyword=前端开发，那得先解析出keyword对应的值。用原生JS写个简单的解析函数就搞定：

function getUrlParam(paramName) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(paramName);
}

调用getUrlParam('keyword')就能拿到你传入的变量值了。

2. 填充文本框并自动触发搜索 #

页面加载完成后（要等DOM渲染完再操作），把参数值填到文本框，然后触发搜索逻辑，分两种常见场景：

场景1：已经有现成的搜索函数 #

如果你的页面已经封装好了搜索逻辑，比如有个doSearch()函数，直接调用它就行：

// 等DOM加载完成再执行
document.addEventListener('DOMContentLoaded', function() {
    const searchKeyword = getUrlParam('keyword');
    // 先判断参数是否存在，避免空搜索
    if (searchKeyword) {
        // 把值填充到文本框，假设文本框的id是searchInput
        document.getElementById('searchInput').value = searchKeyword;
        // 直接调用搜索函数
        doSearch();
    }
});

场景2：需要模拟点击提交按钮 #

如果搜索逻辑是绑定在提交按钮的点击事件上，那直接模拟按钮点击就好：

document.addEventListener('DOMContentLoaded', function() {
    const searchKeyword = getUrlParam('keyword');
    if (searchKeyword) {
        document.getElementById('searchInput').value = searchKeyword;
        // 模拟点击提交按钮，假设按钮id是submitBtn
        document.getElementById('submitBtn').click();
    }
});

用jQuery的简化写法（如果项目用了jQuery） #

要是你的项目依赖jQuery，代码能更简洁：

$(document).ready(function() {
    const searchKeyword = new URLSearchParams(window.location.search).get('keyword');
    if (searchKeyword) {
        $('#searchInput').val(searchKeyword);
        $('#submitBtn').click(); // 或者直接调用你的搜索函数
    }
});

3. 一些要注意的边界情况 #

• 一定要判断参数是否存在，不然参数为空时会触发无效搜索
• 如果参数包含特殊字符（比如空格、中文），URL里会是编码后的格式，URLSearchParams会自动解码，不用额外处理
• 如果是Vue/React这类单页应用，要把逻辑放在对应的生命周期钩子里，比如Vue的mounted、React的useEffect

举个Vue的小例子：

<script setup>
import { onMounted, ref } from 'vue';

const searchKeyword = ref('');

const handleSearch = () => {
    // 你的搜索逻辑
};

onMounted(() => {
    const urlParams = new URLSearchParams(window.location.search);
    const keyword = urlParams.get('keyword');
    if (keyword) {
        searchKeyword.value = keyword;
        handleSearch();
    }
});
</script>

这样页面一加载，只要URL里带了指定参数，就会自动填充文本框并执行搜索啦！

内容的提问来源于stack exchange，提问作者user20929302