如何在WordPress插件AJAX加载完成后自动提交地图搜索表单？

你之前的尝试遇到的问题主要集中在触发方式错误、监听范围太广以及缺少必要条件判断上。结合你不能修改插件源码的限制，我们可以通过以下调整来实现需求：

修正后的交互地图页面代码 #

jQuery(document).ready(function( $ ) {
    // 从localStorage获取存储的搜索地点
    var savedLoc = localStorage.getItem("loc");
    
    // 仅当存在有效地点时才执行后续操作
    if (savedLoc && savedLoc.trim() !== "") {
        // 填充输入框
        $('#wpsl-search-wrap form #wpsl-search-input').val(savedLoc);
        
        // 监听插件专属的AJAX请求完成事件
        $(document).on('ajaxComplete', function(event, xhr, settings) {
            // 检查当前完成的AJAX是否是插件加载门店数据的请求（需根据实际请求调整action值）
            // 你可以打开Chrome开发者工具的网络面板，查看插件发起的AJAX请求，找到对应的action参数
            if (settings.data && settings.data.includes('action=wpsl_get_stores')) {
                // 触发搜索按钮的点击事件（按钮用click，表单才用submit）
                $("#wpsl-search-btn").click();
                
                // 解绑这个监听事件，避免后续其他AJAX请求重复触发搜索
                $(document).off('ajaxComplete', arguments.callee);
                
                // 清空localStorage，防止用户下次进入地图页时自动触发相同搜索
                localStorage.removeItem("loc");
            }
        });
    }
});

为什么之前的方案无效？ #

• 触发方式错误：submit()是表单元素的专属方法，搜索按钮是按钮元素，应该用click()来触发它的点击事件，而非submit()。
• 监听范围太广：默认的ajaxSuccess/ajaxComplete会监听页面所有AJAX请求，插件初始化的AJAX可能还未完成，你的代码就已经触发了搜索，导致地图还没准备就绪。我们通过判断请求的action参数，只等待插件加载门店的AJAX完成后再执行操作。
• 缺少条件判断：没有检查localStorage里的地点是否为空，可能会触发无意义的空搜索。

关键注意事项 #

1. 确认插件的AJAX action：打开Chrome开发者工具的「网络」标签，刷新地图页面，找到插件发起的AJAX请求，查看请求参数里的action值（比如可能是wpsl_load_stores或者其他），把代码里的wpsl_get_stores替换成实际值。
2. 解绑事件避免重复触发：使用off()解绑监听，确保只会触发一次搜索，不会因为页面其他AJAX请求重复执行。
3. 清空localStorage：如果不需要保留用户上次的搜索记录，清空可以避免用户再次进入地图页时自动搜索相同内容，你可以根据需求选择保留或删除这一行。

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