Ajax响应冲突的CSS答案

【问题标题】：Ajax response conflicting cssAjax响应冲突的CSS
【发布时间】：2016-06-18 10:37:18
【问题描述】：

我正在使用 ajax 在 Modal head 和 Modal body 中显示两个功能。在发送 ajax 请求之前，模式看起来像这样

在 ajax 响应之后，模态看起来像这样

问题出在哪里？

购物车.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>

【问题讨论】：

标签： php jquery css ajax bootstrap-modal

【解决方案1】：

请从 ajax 响应 中获取产品名称并附加到如下标题部分，

success:function(data){

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

}

作为相同的追加到相应的 div 用于描述和所有。

参考号：How to return PHP variables on success AJAX/jQuery POST

希望你能在这里找到答案。！！

【讨论】：

对于正文，我会写相同的 if(!data){$('#ajaxResult .modal-body').append(data);}
从 ajax 响应中，我收到了产品的 ID，我在标题和正文中调用了两个函数，现在我将如何将它们分成相应的部分？
如果你得到的是prodcut id的意思，先拆分它。在应用到它之后。
拆分它们的方法是什么？
示例： var pn=data.productid;追加到 header($(selector for header).append(pn);) 然后 var pd=data.description.append 到 body($(selector对于正文).append(pd);)