草庐IT

javascript - 提交表单时保持表单窗口打开

coder 2024-05-02 原文

考虑这个图像，它是用户点击链接时的 iframe 窗口。

我的问题

当用户点击存款时，表单被提交并且窗口关闭，因此用户不知道存款是否成功。

我想做什么

我正在寻找一种方法来在提交表单后保持 iframe 窗口打开，以显示适当的消息

表单 HTML

   <form name="depForm" action="" id="register_form" method="post">
            User Name<br /><input type="text" name="uname" value="" /><br />
            Credit Card Nr<br /><input type="text" name="cc" value="" /><br />
            CSV Nr<br /><input type="text" name="csv" value="" /><br />
            Amount<br /> <input type="text" name="amount" value="" /><br />
            <input type="submit" value="deposit" name="deposit" class="buttono" />
            </form>

PHP 代码

if(isset($_POST['deposit'])){
            if(isset($_SESSION['FBID'])){
                $uid=$_SESSION['FBID'];
                $amount = $_POST['amount'];
                $cc = $_POST['cc'];
                $csv = $_POST['csv'];
                //new bal
                $bal = getBal($uid);
                $newBal = $bal+$amount;
                $sql="UPDATE members SET balance='$newBal' WHERE member_nr='$uid'";
                $result = mysql_query($sql) or die("error please try again");   
                    if($result){

                    }
            }

如果有人可以建议我如何在提交表单后保持 iframe 打开，将不胜感激。

最佳答案

您需要更改表单提交以使用 AJAX。在响应中，您可以包含一个状态标志以向 UI 指示请求是否成功并采取适当的行动。像这样:

$('#register_form').submit(function(e) {
    e.preventDefault(); // stop the standard form submission
    $.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        success: function(data) {
            if (data.success) {
                // show success message in UI and/or hide modal
            } else {
                // it didn't work
            }
        },
        error: function(xhr, status, error) {
            // something went wrong with the server. diagnose with the above properties
        }
    });
});

$success = false;
if (isset($_POST['deposit'])) {
    if (isset($_SESSION['FBID'])) {
        $uid = $_SESSION['FBID'];
        $amount = $_POST['amount'];
        $cc = $_POST['cc'];
        $csv = $_POST['csv'];

        $bal = getBal($uid);
        $newBal = $bal + $amount;
        $sql = "UPDATE members SET balance='$newBal' WHERE member_nr='$uid'";
        $result = mysql_query($sql) or die("error please try again");   
        if ($result) {
            $success = true;
        }
    }
}

echo json_encode(array('success' => $success));

关于javascript - 提交表单时保持表单窗口打开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31355743/

javascript表单3439strongphpjqueryformsfancybox

有关javascript - 提交表单时保持表单窗口打开的更多相关文章

  1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  2. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  3. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

    我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

  4. git使用常见问题（提交代码，合并冲突） - 2

    文章目录git常用命令（简介，详细参数往下看）Git提交代码步骤gitpullgitstatusgitaddgitcommitgitpushgit代码冲突合并问题方法一：放弃本地代码方法二：合并代码常用命令以及详细参数gitadd将文件添加到仓库：gitdiff比较文件异同gitlog查看历史记录gitreset代码回滚版本库相关操作远程仓库相关操作分支相关操作创建分支查看分支：gitbranch合并分支：gitmerge删除分支：gitbranch-ddev查看分支合并图：gitlog–graph–pretty=oneline–abbrev-commit撤消某次提交git用户名密码相关配置g

  5. ruby - 如何通过 Rubocop 指示打开 & :read as argument to File. - 2

    我有这个代码File.open(file_name,'r'){|file|file.read}但是Rubocop发出警告:Offenses:Style/SymbolProc:Pass&:readasargumenttoopeninsteadofablock.你是怎么做到的？ 最佳答案 我刚刚创建了一个名为“t.txt”的文件，其中包含“Hello,World\n”。我们可以按如下方式阅读。File.open('t.txt','r',&:read)#=>"Hello,World\n"顺便说一下，由于第二个参数的默认值是'r'，所以这样

  6. ruby - (Ruby || Python) 窗口管理器 - 2

    我想用这两种语言中的任何一种(最好是ruby​​)制作一个窗口管理器。老实说，除了我需要加载某种X模块外，我不知道从哪里开始。因此，如果有人有线索，如果您能指出正确的方向，那就太好了。谢谢 最佳答案 XCB，X的下一代API使用XML格式定义X协议(protocol)，并使用脚本生成特定语言绑定(bind)。它在概念上与SWIG类似，只是它描述的不是CAPI，而是X协议(protocol)。目前，C和Python存在绑定(bind)。理论上，Ruby端口只是编写一个从XML协议(protocol)定义语言到Ruby的翻译器的问题。生

  7. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  8. ruby - 从 Rakefile 打开 Vim？ - 2

    我正在为个人笔记创建一个日志应用程序，并且在我的Rakefile中包含以下内容:task:newdoentry_name="Entries/#{Time.now.to_s.gsub(/[-\:]+/,'.').gsub(/.0500+/,'')}.md"`touch#{entry_name}``echo"#$(date)">>#{entry_name}`end我想包括的最后一部分是Vim文本编辑器的打开，但我不知道如何打开它，就像我直接从bash终端调用它一样。我试过:vim#{entry_name}但不幸的是，我认为它们都将其作为后台进程打开。我一直在引用“6WaystoRunShe

  9. ruby - 强制浏览器下载文件而不是打开文件 - 2

    我要下载http://foobar.com/song.mp3作为song.mp3，而不是让Chrome在其native中打开它浏览器中的播放器。我怎样才能做到这一点？ 最佳答案 您只需要确保发送这些header:Content-Disposition:attachment;filename=song.mp3;Content-Type:application/octet-streamContent-Transfer-Encoding:binarysend_file方法为您完成:get'/:file'do|file|file=File.

  10. ruby-on-rails - 尝试打开 .gitignore 以在文本编辑器中对其进行编辑，但在 OS X Mountain Lion 上找不到文件位置 - 2

    我使用“newapp_name”创建了一个新的Rails应用程序，我正在尝试编辑.gitignore文件，但在我的应用程序文件夹中找不到它。我在哪里可以找到它？我安装了Git。 最佳答案 .gitignore位于项目的root中，而不是app子目录中。首先打开终端并进入您的目录。您需要使用ls-a来显示stash文件。然后使用打开.gitignore 关于ruby-on-rails-尝试打开.gitignore以在文本编辑器中对其进行编辑，但在OSXMountainLion上找不到文件位

随机推荐