Ajax 表单提交。表格提交两次

发布于 2024-10-14 16:45:03 字数 870 浏览 3 评论 0原文

我正在使用 cakePHP，在我看来，我有一个带有 ajax 提交按钮的表单。我使用蛋糕助手渲染它。

    <form method="post" class="form-class" id="form-id" name="form1" style="display: none">
                *[content for the form]*
                    <?php
                    echo $ajax->submit('Ok',
                            array(
                                       'id'=> 'submit1',
                                        'url'=> array('controller'=>'c','action'=>'action1'),
                                        'complete'=> 'jsfunction()'

                                ));
                    echo $form->button('Submit',array('id'=>'cancel','value'=>'Cancel','onClick'=>'clickCancel()'));
                    ?>


</form>

当我单击提交时，控制器操作被调用两次。我搜索了 stackOverlow 如果这个问题存在但找不到有效的解决方案。没有语法错误。

非常感谢您的帮助。谢谢。

原文

I am working with cakePHP and in my view I have a form which has an ajax submit button. I rendered it using the cake helpers.

    <form method="post" class="form-class" id="form-id" name="form1" style="display: none">
                *[content for the form]*
                    <?php
                    echo $ajax->submit('Ok',
                            array(
                                       'id'=> 'submit1',
                                        'url'=> array('controller'=>'c','action'=>'action1'),
                                        'complete'=> 'jsfunction()'

                                ));
                    echo $form->button('Submit',array('id'=>'cancel','value'=>'Cancel','onClick'=>'clickCancel()'));
                    ?>


</form>

When I click submit, the controller action is called twice. I searched stackOverlow if this question existed but couldn't find a valid solution. There are no syntax errors.

Help will be really appreciated. Thanks.

分享到QQ

分享到微博

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

发布评论

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

孤寂小茶 2024-10-21 16:45:03

听起来 ajax 事件处理程序并没有阻止默认行为。
尝试内联设置表单的 onsubmit 行为以防止出现这种情况（就像 cake 的助手所做的那样）：

<form onsubmit="event.returnValue = false; return false;" method="post" class="form-class" id="form-id" name="form1" style="display: none">

我建议查看 FormHelper 一些有用的快捷方式。

It sounds like the ajax event handlers aren't blocking the default behaviour.
Try setting the form's onsubmit behaviour inline to prevent it (as cake's helper does):

<form onsubmit="event.returnValue = false; return false;" method="post" class="form-class" id="form-id" name="form1" style="display: none">

I recommend checking out the FormHelper for some useful shortcuts around this.

回复收藏 0 原文

时光匆匆的小流年 2024-10-21 16:45:03

这是自动生成的代码：

 $("#submit1367508668").bind('click', function(){ 
     $.ajax({
              async:true, 
              type:'post', 
              complete:function(request, json) {
                   getServerResponse(request)
              }, 
              url:'/recipients/add', 
              dataType:'json', 
              data:$(this).parents('form:first').serialize()}); 
              blockUI(); 
     })

This is the auto generated code:

 $("#submit1367508668").bind('click', function(){ 
     $.ajax({
              async:true, 
              type:'post', 
              complete:function(request, json) {
                   getServerResponse(request)
              }, 
              url:'/recipients/add', 
              dataType:'json', 
              data:$(this).parents('form:first').serialize()}); 
              blockUI(); 
     })

回复收藏 0 原文

~没有更多了~