Javascript 页面加载时提交AJAX

我对AJAX和Jquery非常陌生，所以我想知道是否有人可以帮助我

我制作了一个AJAX搜索/过滤系统。发送表单时，一个新页面（filter_content.php）将加载到父页面（filter.php）中。filter_content.php的输出基于一些GET值，您可以在filter.php上填写这些值

$("#filter").submit(function(event) {
event.preventDefault();
$("#result").html('');
var values = $(this).serialize();
$.ajax({
    url: "filter_content.php",
    type: "get",
    data: values,
    success: function(data){
        $('#result').hide().html(data).fadeIn('normal');
    },
    error:function(){
        $("#result").html('There is error while submit');
    }
});
});

HTML:

最好的解决方案是让PHP代码从一开始就输出结果

但是，如果您仍然希望客户端执行搜索，请在有值的情况下提交表单

$(function(){
    if ($('input[name="s"]').val().length>0) {
        $("#filter").submit();
    }
});

你能不能显示
过滤器
表单（这是一个表单，对吧？）标记？你的“工作示例”链接不起作用。我用HTML编辑了我的问题！因此，如果有值，请运行搜索，或者让php代码执行搜索。当我转到时，我没有看到它填充搜索框！
$(function(){
    if ($('input[name="s"]').val().length>0) {
        $("#filter").submit();
    }
});