如何从模态窗口获取数据？答案

【问题标题】：How to get data from modal window?如何从模态窗口获取数据？
【发布时间】：2017-04-15 14:24:56
【问题描述】：

我有一个模态对话框。

<div id="myLoginModal" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Войти в учетную запись</h4>
        </div>

        <div class="modal-body">
            <form class="form-horizontal" method="post" action="">
                <div class="form-group">
                    <label class="col-md-4 control-label" for="login">Логин</label>
                    <div class="col-md-4">
                        <input id="login" name="login" type="text" placeholder="" class="form-control input-md" required="">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-4 control-label" for="password">Пароль</label>
                    <div class="col-md-4">
                        <input id="password" name="password" type="password" class="form-control input-md" required="">
                    </div>
                </div>
            </form>
        </div>

        <div class="modal-footer">
            <button type="button" id="loginBttn" class="btn btn-success" data-dismiss="modal">Войти</button>
            <button type="button" class="btn btn-default" data-dismiss="modal">Отмена</button>
        </div>
    </div>
</div>

...并且有 menu.php 文件。

<?php
$login = $_POST['login'];
$password = $_POST['password'];
echo $login.$password;

当用户按下提交按钮时，如何从模式对话框中获取并加载 div 元素用户的登录名和密码？

我试着写了，但它不起作用 - 异常“未定义的索引 $login 和 $password”。

$(document).ready(function() {
    $("#loginBttn").click(function() {
        $("#content").load('menu.php');
    });
});

【问题讨论】：

使用ajax表单提交和成功回调来改变你的html内容。
按钮在表单之外，一方面
Fred，这是一个典型的使用引导样式的表单。
abeayaz，请发送代码示例，我找不到任何东西！（
我用例子写了一个答案

标签： javascript php jquery modal-dialog

【解决方案1】：

您可以提交表单并使用成功回调：

$(document).ready(function() {
   $("#loginBttn").click(function() {
        $.post('menu.php', $("#myLoginModal form").serialize(), function(html){
     $('#content').html(html);
}, 'html')
   });
});

编辑：您也可以查看https://api.jquery.com/jquery.post/

【讨论】：

此代码甚至在“提交”按钮上的设置之前加载 .php 文件
Ofc。您应该将其添加到单击事件。我为你编辑了答案
感谢您的建议，点击按钮一切正常。但是有个小问题，最后结果在等我：“Notice: Undefined index: login in menu.php on line 2 Notice: Undefined index: password in menu.php on line 3”。
如果你在输入中输入 sth 它不能给出这个错误。您是否也收到您输入的内容或仅收到此通知？
我的输入不清楚，我只看到那个错误消息。

【解决方案2】：

我刚刚使用了 VS 的 PHP 工具，我做到了！问题是 php 解释器 v7.1 的默认设置！

【讨论】：