Laravel9 Live Search Ajax：如何修改脚本以使用预设值？

要让预设值自动触发搜索，核心是把搜索逻辑抽成独立可复用的函数，然后在页面加载时直接用预设值执行搜索。以下是修改后的完整脚本：

<script type="text/javascript">
    // 提取搜索逻辑为独立函数
    function performSearch(searchValue) {
        // 更新输入框的值（同步显示预设内容）
        $('#search').val(searchValue);
        
        // 控制数据区域的显示/隐藏逻辑
        if(searchValue){
            $('.alldata').hide();
            $('.searchdata').show();
        } else {
            $('.alldata').show();
            $('.searchdata').hide();
        }
        
        // 发送AJAX搜索请求
        $.ajax({
            type:'get',
            url:'{{URL::to('search')}}',
            data:{'search':searchValue},
            success:function(data) {
                console.log(data);
                $('#Content').html(data);
            }
        });
    }

    // 绑定输入框的keyup事件，调用搜索函数
    $('#search').on('keyup',function() {
        performSearch($(this).val());
    });

    // 设置预设值并自动触发搜索
    const presetSearchValue = "你的预设关键词"; // 替换成你的实际预设内容
    performSearch(presetSearchValue);
</script>

关键改动说明： #

• 抽离独立函数：把原本写在keyup事件里的搜索逻辑放到performSearch函数中，既避免代码重复，也方便在页面初始化时直接调用。
• 预设值自动触发：定义presetSearchValue变量设置你的预设关键词，页面加载完成后直接调用performSearch，无需手动输入就能执行搜索。
• 同步输入框显示：在函数内更新输入框的value，确保页面上的输入框和搜索逻辑使用的内容一致，用户能直观看到当前的搜索关键词。

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