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

我有一个模式对话框。如何从模态窗口中获取数据？

<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元素用户的登录名和密码？

我试着写，但它不工作 - 例外“未定义指数$登录名和密码$”。

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

来源

2017-04-15 Kryshtop

使用ajax表单提交和成功回调来更改您的html内容。 – abeyaz

按钮不在窗体中，一方面是 –

Fred，它是使用引导样式的典型窗体。 – Kryshtop

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

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

编辑：你也可以检查https://api.jquery.com/jquery.post/

来源

2017-04-15 14:31:47 abeyaz

这个代码甚至在按钮“提交”之前加载.php文件 – Kryshtop

Ofc。您应该添加它以点击。事件中，我编辑的答案你 – abeyaz

感谢您的意见，一切都通过点击按钮正常工作但有一个小问题，结果等我结束。 “通知：未定义指数：登录中在线menu.php 2 注意：未定义指数：？如果输入的输入某物它不能给这个错误menu.php密码在第3" 行 – Kryshtop

我只是用PHP工具对于VS和我做到了！问题是PHP解释器v7.1的默认设置！

来源

2017-04-15 17:00:26 Kryshtop

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

回答

相关问题