使用 AjaxForm 自动提交表单以显示初始结果集。有更好的方法吗?

发布于 2024-12-12 17:55:52 字数 587 浏览 3 评论 0原文

我使用 JQuery 插件 AjaxForm (http://jquery.malsup.com/form/) 将表单内容提交到 PHP 脚本并将结果返回到 div。

该表单在表单属性中有一些预设值,当页面首次加载时,我想提交表单,以便结果 div 显示一些结果(而不仅仅是空白)。

代码如下:

$(document).ready(function() { 

    $('#searchform').ajaxForm({  
        target: '#searchresults', 

        success: function() { 
            $('#searchresults').fadeIn('slow'); 
        } 
    });

});

我已经尝试了使用 Javascript 提交表单的所有常规方法,例如 searchresults.form.submit();方法,但不起作用。

谁能告诉我如何修改 Javascript 以在加载时提交表单 #searchform 的内容?或者他们是运行 PHP 脚本并在加载时将结果返回到 #searchresults 的更好方法?

I'm using the JQuery plugin AjaxForm (http://jquery.malsup.com/form/) to submit the contents of a form to a PHP script and return the results to a div.

The form has some pre-set values in the form attributes, and when the page first loads I want to submit the the form so that the results div displays some results (and isn't just blank).

The code looks as follows:

$(document).ready(function() { 

    $('#searchform').ajaxForm({  
        target: '#searchresults', 

        success: function() { 
            $('#searchresults').fadeIn('slow'); 
        } 
    });

});

I've tried all the normal ways to submit a form using Javascript, such as the searchresults.form.submit(); approach, but it doesn't work.

Can anyone show me how I can amend the Javascript to submit the contents of the form #searchform on load? Or is their a better way to run the PHP script and return the results to the #searchresults when on load?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

愿得七秒忆 2024-12-19 17:55:52

您需要在准备好的文档中触发表单的提交事件。

$('#searchform').ajaxForm(function() { 
   // Handle stuff here 
});

$('#searchform').trigger('submit');

You need to trigger the submit event of the form in the document ready.

$('#searchform').ajaxForm(function() { 
   // Handle stuff here 
});

$('#searchform').trigger('submit');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文