Javascript 重复的函数会导致模态头

我在Modal的header和body中调用两个单独的函数。函数的调用基于来自ajax的产品ID。这两个函数都在Cart_code.php中定义

现在的问题是，应该显示在body中的函数也显示在modal的标题中。 我想在标题和正文等相关部分分别显示这两个函数

JavaScript

<script type="text/javascript">

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

                }
            });
        });
</script>

$（文档）.ready（函数（）{
$.ajax({
类型：“POST”，
url:“Cart.php”，
数据：{“ID”：ID}，
成功：功能（结果）{
$（'#ajaxResult'）.html（结果）；
}
});
});

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();
       }
    ?>

      <!-- 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>

include（'includes/Cart_code.php'）；
&时代；

好。
这里的基本原则。
--这是对AJAX用法的常见误解--

通常，您应该有一个带有脚本的页面，该脚本调用另一个页面来根据用户输入更新节

因此，创建您的主页

然后，根据任何输入，调用另一个脚本来更新此主页的某个部分

您应该调用脚本来生成页面的一小部分。
此«结果»将在主页的

div

中结束

Ajax的强大功能是在不完全重新加载页面的情况下更新页面的一部分

这张图片是用法语。。。但是在英语中没有发现类似的内容（！）

1-Javascript操作（用户输入）
2-Ajax请求
3-服务器端执行
4-结果（ajax成功）
5-主页中的元素已更新为结果

---

将蓝色的“导航器”广场看作是从服务器开始加载的网页（X.PHP）。
然后，在客户端（蓝色端）。。。无论是否由用户操作触发，jQuery或JavaScript都会将页面调用到服务器（green side->y.php），以更新页面的特定元素（通常是

div

。

这是用户很久以前看到的同一个页面（可能只有几秒钟！），wich已经完全加载了脚本库和css规则。

---

«result»应该只提供新的HTML（以及额外的js脚本，如果需要）来填充Ajax«success»回调所针对的主页目标元素。。。Wich只是原始页面的一部分，没有重新加载或更改。

然后您应该尝试使用两个ajax调用。或者，您可以通过Cart.php文件创建模型内容，并通过$（'.modal header'）.html（结果）显示@但这真的是一个好方法吗？如果我想接受你的建议，那么我应该如何编写php代码来处理它的请求？我将替换

中的所有HTML，我建议一个原则。您需要将
cart.php
的结果一分为二。为什么不创建一个包含两个按钮的唯一结果？嘿@LouySpatriceBesette如果您要替换模式html，那么如何显示模式？通过在同一页面内发送请求，我仅通过根据您上次建议的解决方案添加父div来解决我的问题。不管怎样，上帝保佑你！。嘿这是一个小问题，现在的功能工作正常，但模式的css是扭曲的，所有模式已改为白色。这是什么？我已经给标题加上了绿色，但是在应用了你的解决方案后，Modal的绿色和默认边距被取消了，你把主页从名为via ajax的部分中分离出来了吗？或者你仍然打电话给我自己来更新我自己？我的脚本在同一个文件中，在移动到另一个页面时，我面临一些错误。