Javascript 如何从模式窗口获取数据？

我有一个模态对话

<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>

---

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

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

---

编辑：你也可以检查一下

我刚刚在VS中使用了PHP工具，我做到了！

---

问题是php解释器v7.1的默认设置

使用ajax表单提交和成功回调来更改html内容。按钮在表单之外，Fred，这是一个使用引导样式的典型表单。abeayaz，请发送代码示例，我找不到任何东西！（我用示例编写了一个答案此代码甚至在C的“提交”按钮上设置之前就加载了.php文件。您应该将其添加到click事件中。我为您编辑了答案感谢您的建议，单击按钮一切正常。但有一个小问题，最终结果正在等待我：“注意：未定义索引：登录第2行的menu.php注意：未定义索引：第3行的menu.php中的密码”。如果您在输入中输入某物，则不会出现此错误。您是否也收到您键入的内容或仅收到此通知？我的输入不清楚，我只看到了errir消息。

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

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