Question

我想使用href标记提交表单，并在弹出窗口中加载提交的表单。

return -1;

这里发生的是显示弹出窗口，但是当我希望它在弹出页面中加载时，表单会加载到主页面上。此外，我只能使用此处的链接来访问表单，因为不允许提交按钮。

Answer 1

您正在提交表单，然后将调用submit()的返回值传递给target_popup()。

您需要首先致电target_popup()并传递表单，然后，您需要提交表单。

onclick="var frm = get_form(this); target_popup(frm); frm.submit()">

也就是说，您最好使用常规提交按钮并应用CSS使其看起来像您想要的那样。

Answer 2

您需要使用Ajax。以下列出了您需要做的事情：

停止表单提交事件（您可以使用window.open()）
使用ajax然后

做你想要的ajax成功或错误回调......

如果您需要任何进一步的帮助，请与我们联系：）

这是我以前的答案，我为此得到了一个地雷，所以让我解释一下......

1-）您不需要使用$('#frmPaymentDtl').submit(function(e) { e.preventDefault(); //Take form's all data with this var data = $('#frmPaymentDtl').serialize(); //Or you can assign all id's to a new variable if you'd like that way. //After this open your modal which you have a form inside that. //then write all data into input's from "data" variable. });来显示弹出页面。您可以简单地创建一个模态（这是一个引导元素：http://getbootstrap.com/javascript/#modals）并在模态中显示您想要的任何内容。在您的情况下，如果我正确理解您的问题，它将再次成为您的表单元素。

2-）如果你想在提交时停止页面重新加载，请使用：

dev (root folder)     
|   zones(folder)
|   |    index.php
|   |    new-zone.php
|   |    update-zone.php
index.php
login.php
signup.php
header.php
functions.php

我知道这个有点不同但我知道这对你也有用。

还有一件事。如果你想发送这个＆＃34;数据＆＃34;变量到另一个页面，你需要使用Ajax。

如果您不知道如何检查：jQuery AJAX submit form

顺便说一句，如果您尝试使用我的方式，请删除您的表格的onclick事件。：）

Answer 3

用于提交详细信息并获得结果的Ajax代码：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
$('#submit_full_payment').click(function () {
    var url = 'YOUR_URL';
    $.ajax({
        type: 'POST',
        url: url,//url to post data
        data: "customer_id=" + $('name=customer_id').val() + "&account_id=" + $('name=account_id').val(),//add other form fields here
        success: function (data) {//process data here
            alert(data);
        },
        error: function (data) {
        alert(data);
        }
    });
});

step2：使用“对话框”显示表单和链接。请参阅 link 这将隐藏主页上的表单并使用上面给出的ajax来处理表单并仅保留在弹出窗口中。如果你不想保持弹出上面的步骤可以忽略。

提交表单并使用href标签在弹出窗口中打开它

3 个答案: