在 ajax->submit() w/ cakephp 上重置 ajax jquery 生成的 div

发布于 2024-11-08 12:09:12 字数 155 浏览 0 评论 0原文

我有一个简单的 ajax/jquery 搜索表单,它在由控制器呈现的 div 中生成结果。如果我重新提交表单,下面的结果将被替换,在我的加载程序显示时它们不会首先被删除。

我是想知道是否有人知道在每次提交时重置结果 div 的方法,以便清除然后显示新的结果,而不是仅替换现有结果。

I have a simple ajax/jquery search form which generates the results in a div which is rendered by a controller.. If I resubmit the form, the results below are just replaced, they are not removed first while my loader displays..

I am wondering if anyone knows a way to reset the result div on each submit, so that it clears out and then displays the new results fresh as opposed to just a replace of the existing results.

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

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

发布评论

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

评论(2

羁客 2024-11-15 12:09:12

由于 CakePHP 的 Ajax-Helper 中没有此选项,因此在提交表单时,您必须使用 jQuery 手动执行此操作。

$('#idOfYourForm').submit(function() {
    $('#idOfYourSearchResults').html('');
});

不要使用 remove 因为这会删除填充 ajax 请求结果所需的整个 div。

Since there is no option for this within the Ajax-Helper of CakePHP you would have to do that manually with jQuery when your form gets submitted.

$('#idOfYourForm').submit(function() {
    $('#idOfYourSearchResults').html('');
});

Don't use remove because this would remove the entire div which you need for populating the results of the ajax-request.

童话里做英雄 2024-11-15 12:09:12

蒂姆,
我无法获得 jQuery 处理,所以我在 $ajax->submit $options 中使用了 Prototype,例如:

Prototype function (not inside options):

function clearOnClick() {
$('ajax_search_div').update();
}

In $options array:

...

 'before' => 'Event.observe(\'ajaxSubmitForm\', \'submit\', clearOnClick());',

...

我使用回调选项.observe 来调用上述函数。

Tim,
I was not able to get the jQuery processing, so I used Prototype in my $ajax->submit $options like:

Prototype function (not inside options):

function clearOnClick() {
$('ajax_search_div').update();
}

In $options array:

...

 'before' => 'Event.observe(\'ajaxSubmitForm\', \'submit\', clearOnClick());',

...

I use the callback option of .observe to call the above function.

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