[SQL] 트위터 부트 스트랩 모달에 동적으로로드 정보

트위터 부트 스트랩 모달에 동적으로로드 정보

문제:

나는 PHP / SQL 쿼리에 대한 링크 속성에 jQuery를에 값을 이용하여 전송하고 싶습니다.

HTML 코드 :

<a data-toggle="modal" href="#myModal" id="1"><i class="pull-right icon-eye-open"></i>HTML</a>

PHP 코드 :

<div id="myModal" class="modal hide fade">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">&times;</button>
      <h3>Title</h3>
    </div>
    <div class="modal-body">            
        <?php
            $query = "SELECT * FROM table WHERE id = ID FROM JQUERY HERE";
            $result = mysql_query($query) or die ('Error (' . mysql_errno() . ') ' . mysql_error());
        ?>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-info" data-dismiss="modal" >Close</a>
    </div>
</div>

대본:

사용자가 =를 데이터 토글을 갖는 링크 요소를 클릭하면 "모달"다음 jQuery를 (이 경우 1 임) ID-속성의 값을 취한다 그래서 SQL 쿼리 것이라는 SQL 쿼리에 보내 같이 :

$query = "SELECT * FROM table WHERE id = 1";

jQuery 코드 :

$("a[data-toggle=modal]").click(function(){
    var essay_id = $(this).attr('id');
    //Find $essay set it to essay_id in PHP
    //Alternatively create a $_SESSION['EID'] here
});

질문:

어떻게 PHP에서 변수 ($ 에세이)를 설정하기 위해 jQuery를 사용합니까? 또는 어떻게 jQuery를 통해 PHP에서 세션 변수를 만들 수 있습니까?

해결법

1. ==============================

   1.여기에 솔루션입니다,

   여기에 솔루션입니다,

   <a href="#" id="1" class="push">click</a> 
   

   이 같은 모달 몸에 사업부를 사용

       <div class="modal-body">  
   
                <div class="something" style="display:none;">
                       // here you can show your output dynamically 
                </div>
       </div>
   

   이제 더 JQuery와 아약스에 대해 알고 http://api.jquery.com/jQuery.ajax/을 확인 호야 아약스 호출에 .something에 데이터를 넣어.

      $(function(){
   
      $('.push').click(function(){
         var essay_id = $(this).attr('id');
   
          $.ajax({
             type : 'post',
              url : 'your_url.php', // in here you should put your query 
             data :  'post_id='+ essay_id, // here you pass your id via ajax .
                        // in php you should use $_POST['post_id'] to get this value 
          success : function(r)
              {
                 // now you can show output in your modal 
                 $('#mymodal').show();  // put your modal id 
                $('.something').show().html(r);
              }
       });
   
   
   });
   
      });
   

2. ==============================

   2.마지막 해결책

   마지막 해결책

   HTML 코드 :

   <div id="myModal" class="modal hide fade">
       <div class="modal-header">
         <button class="close" data-dismiss="modal">&times;</button>
         <h3>Title</h3>
       </div>
       <div class="modal-body">            
           <div id="modalContent" style="display:none;">
   
           </div>
       </div>
       <div class="modal-footer">
         <a href="#" class="btn btn-info" data-dismiss="modal" >Close</a>
       </div>
   </div>  
   

   jQuery 코드 :

   $("a[data-toggle=modal]").click(function() 
   {   
       var essay_id = $(this).attr('id');
   
       $.ajax({
           cache: false,
           type: 'POST',
           url: 'backend.php',
           data: 'EID='+essay_id,
           success: function(data) 
           {
               $('#myModal').show();
               $('#modalContent').show().html(data);
           }
       });
   });
   

3. ==============================

   3.http://api.jquery.com/jQuery.ajax/

   http://api.jquery.com/jQuery.ajax/

from https://stackoverflow.com/questions/11003679/dynamically-load-information-to-twitter-bootstrap-modal by cc-by-sa and MIT license