2016-06-18 4 views
0

Я показываю две функции в Модальной голове и Модальном теле с использованием ajax. Перед отправкой запроса Ajax модальное выглядит следующим образомОтвет Ajax противоречивый css

enter image description here

После АЯКС ответ модальный выглядит следующим образом

enter image description here

Где проблема?

Cart.php

include('includes/Cart_code.php'); 

    <?php 

    if (isset($_POST['ID'])) { 
     $cart_class = new cart_class($_POST['ID']); 
     $cart_class->cart_head_info_print(); 
     $cart_class->cart_body_info_print(); 
     exit(); 
     } 
    ?> 

<script type="text/javascript"> 

    $(document).ready(function(){ 
      $.ajax({ 
       type: "POST", 
       url: "Cart.php", 
       data: {"ID":id}, 
       success: function(result){ 
        $('#ajaxResult').html(result); 

       } 
      }); 
     }); 
</script> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
     <div class="modal-dialog"> 

      <!-- Modal content--> 
      <div class="modal-content"> 
      <img src="" class="showPic"> 
      <div id="ajaxResult"> 
      <div class="modal-header" style="padding:35px 50px;"> 

       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <!---HERE HEADER DATA WILL BE DISPLAY----> 

      </div> 
      <div class="modal-body" style="padding:40px 50px;"> 
       <!---HERE BODY DATA WILL BE DISPLAY----> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 

ответ

1

Пожалуйста имя принимают продукт из ответа Ajax и приложить к части заголовка, как показано ниже,

success:function(data){ 

    if(!data){$('#ajaxResult .modal-header').append(data);}  

} 

как же добавлять в соответствующие DIV для описание и все.

REF:. How to return PHP variables on success AJAX/jQuery POST

Надеется, что вы нашли ответ здесь !!

+0

И для тела я напишу то же самое, что и (! Data) {$ ('# ajaxResult .modal-body'). Append (data);} –

+0

Из ответа ajax, я получаю идентификатор продукта, против которого Я вызываю две функции в своем заголовке и теле, Теперь как я разбить их на соответствующие части? –

+0

, если вы получаете идентификатор prodcut id, сначала разделите его. После применения в него. – iyyappan