2017-04-15 2 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 요소 사용자의 로그인과 암호를 얻을로드 할 수 있습니까?

나는 그것을 작성하려고 시도했지만 작동하지 않습니다 - 예외 "정의되지 않은 색인 $ login 및 $ password". 또한이 https://api.jquery.com/jquery.post/

+0

html 콘텐츠를 변경하려면 ajax 양식 제출과 success 콜백을 사용하십시오. – abeyaz

+0

버튼은 양식 바깥에 있습니다. –

+0

Fred, 부트 스트랩 스타일을 사용하는 일반적인 양식입니다. – Kryshtop

답변

0

당신은 양식을 제출하고 성공 콜백 사용할 수 있습니다

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

편집을 VS와 나는 그것을했다! 문제는 PHP 인터프리터 v7.1의 기본 설정입니다!

+0

와 답을 썼습니다.이 코드는 버튼을 "제출"하기 전에 .php 파일을로드합니다.이 파일은 – Kryshtop

+0

Ofc입니다. 이벤트에 대한 답변을 편집했습니다. – abeyaz

+0

조언을 주셔서 감사합니다. 버튼을 클릭하여 모든 것이 올바르게 작동합니다. 결국 작은 결과가 나옵니다. 결과는 나를 기다리고 있습니다. "알 수없는 색인 : 로그인 menu.php on line 2 알림 : 정의되지 않은 색인 : line 3의 menu.php에있는 암호 " – Kryshtop

0

난 그냥 사용했습니다 PHP 도구를 확인할 수 있습니다

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

enter image description here enter image description here