3

各位程序员。

我只发现这个对我的问题的引用，这没有帮助。

我在$this->Js->submit中内置了蛋糕 phps

我想做的事：

我的逻辑开始的站点包含一个包含我的数据的表。在这个站点上，我还有几个包含表单并由模式窗口（jquery ui 对话框）打开的元素

  1. 将对象插入数据库。（在职的）
  2. 我插入的表单位于模式对话框窗口中。（在职的）
  3. 提交按钮是一个图像。（在职的）
  4. 在提交表单之前，验证被触发（工作）
  5. 提交表单后，关闭模式并将新对象放在表格的第一行（工作）。

那么我的问题是什么？

一切都会触发两次。

** 代码 **

由于我所有的其他代码似乎都在工作，我将只粘贴我的代码的$this->Js->submit部分，所以你们可以专注于似乎是问题所在。

如果需要任何其他代码，请写信给我，我很乐意在编辑部分粘贴更多代码。

echo $this->Js->submit(' ', array (
        'label' => 'Send',
        'onsubmit'=>"event.returnValue = false; return false;",
        'div'   => array('class' => 'send_button'), //style submit to be an image
        'url'   => array('controller' => 'records', 'action' => 'append_new_record'),
        'type' => 'json',
        'success' => '
            if (data.success == true) {
                $("#element_add").dialog("close");
                var newLine = data.recordLine;
                $("#content").find("table tbody").find("tr:first").before(newLine);
            }
            else { 
                $("#element_add").html(data.form);
            }
            ',
        'buffer' => false, //true did not help (refreshes the whole web site)
        'before' => '
            if (!checkAdd()) { //validation (custom js function)
                return false;
            }
        '
    ));

我试过的

  1. 在“成功”代码块的末尾添加一个 return false 行。
  2. 在“之前”代码块的开头添加 event.preventDefault()。

EDIT1 这是生成的 HTML 代码

    </script><div class="send_button"><input  id="submit-1182269389" type="submit" value=" "/></div><script type="text/javascript">

$("#submit-1182269389").bind("click", function (event) {$.ajax({beforeSend:function (XMLHttpRequest) {
                if (!checkAdd()) {
                    return false;
                }
            }, data:$("#submit-1182269389").closest("form").serialize(), dataType:"json", label:"Send", onsubmit:"event.returnValue = false; return false;", success:function (data, textStatus) {
                if (data.success == true) {
                    $("#element_add").dialog("close");
                    var newLine = data.recordLine;
                    $("#okno").find("table tbody").find("tr:first").before(newLine);
                }
                else {
                    $("#element_add").html(data.form);
                }
                }, type:"post", url:"\/my_app\/records\/append_new_record"});
return false;});

</script></form>

EDIT2 1. 尝试无效

<script type="text/javascript">
    $('#addForm').submit(function(event) {
        event.preventDefault();
    });
</script>

所以这会阻止整个 ajax 事情（刷新页面后数据被附加到表中，仍然两次）

4

1 回答 1

0

我通过一个很好的解决方法解决了这个问题，所以如果有人提供信息为什么会这样，我会很高兴。

我的解决方案：

  • 添加了隐藏输入

    $this->Form->input('submit_type', array('id'=>'add_submit_type', 'type'=>'hidden', 'value'=>0));

  • 在我添加这段代码之前

    var value = $("#add_submit_type").val();
if (value == 1) {
    $("#add_submit_type").val("0");
} else {
    $("#add_submit_type").val("1");
}

  • 在我的 PHP 中，如果 $this->request->data 的 submit_type == 0，我不允许创建对象。

于 2012-11-07T09:51:03.543 回答