2017-04-15 115 views
0

我有一個模式對話框。如何從模態窗口中獲取數據?

<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'); 
    }); 
}); 

enter image description here enter image description here

+0

使用ajax表單提交和成功回調來更改您的html內容。 – abeyaz

+0

按鈕不在窗體中,一方面是 –

+0

Fred,它是使用引導樣式的典型窗體。 – Kryshtop

回答

0

您可以提交表單,並使用成功回調:

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

編輯:你也可以檢查https://api.jquery.com/jquery.post/

+0

這個代碼甚至在按鈕「提交」之前加載.php文件 – Kryshtop

+0

Ofc。您應該添加它以點擊。事件中,我編輯的答案你 – abeyaz

+0

感謝您的意見,一切都通過點擊按鈕正常工作 但有一個小問題,結果等我結束。 「通知:未定義指數:登錄中在線menu.php 2 注意:未定義指數:?如果輸入的輸入某物它不能給這個錯誤menu.php密碼在第3" 行 – Kryshtop

0

我只是用PHP工具對於VS和我做到了! 問題是PHP解釋器v7.1的默認設置!