$。jQuery中的POST请求速度较慢，子到子页面以及CSS和jQuery不起作用

我有3个页面，即

main_page.php

，

ajx_page1.php

和

ajx_page2.php

我在

主页.php

中使用

$.post

请求并发送到

ajx\u页面1.php

。在此之后，

ajx_page1.php

发送

$。将请求发送到
ajx_page2.php
。为了更好的理解，我在下面添加了一张图片

问题
该请求在我的本地主机上运行良好且快速，当我在live server上运行该请求时，几乎需要4-6秒的时间。
这是最可怕的时间流逝

是否有其他方法可以将页面内的ajax请求发布到子页面，如下图所示

还有
ajx_page2.php
从数据库检索数据。。和其他页面正在从ajx子页面中提取数据

甚至CSS和jQuery都不起作用

代码
Main_page.php

$.post("ajx_page1.php", {parameters}, function(return_data){
    $("#container").html(return_data);
});

ajx_page1.php

$.post("ajx_page1.php", {parameters}, function(return_data){
    $("body").html(return_data);

});

ajx_page2.php

    `some condition and logical data from database`



更新的文件详细信息
Main_page.php
嗯。当我的页面运行缓慢时。我做以下4件事：

（我使用chrome并点击F12）


在三个php页面上添加计时器启动和停止打印输出，
尤其是在数据库调用方面
点击
然后运行它
点击
然后运行它
点击
然后运行它

它会准确地告诉你页面上什么东西慢。通常的怀疑是数据库调用，因此请检查打印的时间以确认数据库性能

---可选的---
听起来您总是在为进一步的ajax调用引入css。将css拉到主页中，直到恢复速度。
我在这里看到了架构问题

为什么不直接创建simple.js独立文件，这将满足ajax请求，检查
success:function（）{}
参数
$.post（）

解决问题的方法让我假设php代码也被奇怪的解决方案超载，从而导致速度减慢

还请记住—javascript是客户端，如果您试图以这种方式创建任何ACL，那么请制定dao。：）
 明智的做法是找到一种更有效的方法来处理数据。
我的第一个想法是避免使用第三个php脚本，包括从ajax_page2到ajax Page1的代码，甚至在ajax_Page1中组合php代码并对页面本身进行ajax调用

如果不允许或不能这样做，请尝试缓存结果以加快处理速度，一种方法是使用memcached或自定义脚本：
e、 g
考虑到区别在于服务器/网络而不是客户端，这很可能与jQuery完全无关。在使用localhost时，请记住，您与服务器之间的延迟为0毫秒。如果您同时执行所有请求，而不是在一个链中执行，则请求的执行速度也可能会更快。在一个链中这样做意味着请求时间将是所有三个请求的组合持续时间，而不是最长请求的长度。如果一个依赖于下一个，这当然不起作用，只是一个想法。在我看来，这听起来像是对你的网络连接或你的主机的抱怨。@Rafee：比较你的本地主机和你的主机，唯一会让你的帖子慢下来的因素是连接到你的主机的延迟和速度，以及宿主服务器的性能。只是想知道如何从ajx_page1.php获取脚本并执行它？是否使用.html（）或.empty（）。append（）取决于您计划对ajax返回执行的任何操作。谷歌chrome开发者工具-“审计”
<div id="content_region" class="center">

    <div class="a_job_pre_action clear">
    <ul class="a_jj_ul">
        <li class="j_act_1 j_act" ><a href="" >JOB DETAIL</a> </li>
        <li class="j_act_2 j_act" ><a href="" >STAFF SHORTLISTED</a> </li>
        <li class="j_act_3 j_act" ><a href=""  >CLIENT SHORTLISTED</a> </li>
        <li class="j_act_4 j_act" ><a href="">CONFIRM FOR INTERVIEW</a> </li>

        <?php if ($_SESSION['user_type'] == "admin" or $_SESSION['user_type'] == "manager"): ?>
            <li class="j_act_5 j_act" ><a href="" >INVOICES</a> </li>
        <?php endif; ?>

        <li class="j_act_6 j_act" ><a href="" >CONTACT CLIENT</a> </li>
    </ul> <!-- a_jj_ul -->
    </div> <!-- a_job_pre_action -->

    <div class="clear a_job_action_result">



    </div>


<script>

    $(document).ready(function(){

    $(".j_act_1 a").click(function(){


        $.post("ajx_page1.php", {job_id : j_job_id}, function(return_data32){
            $(".a_job_action_result").html(return_data32);
        });
    });




    });

</script>

<select class="a_sel" name="sel_staff">
    <?php get_all_staff_options(); ?>
</select>

// and some other data too.


<script>

    $(document).ready(function(){

    $(".ajx_select_status").change(function(){
       var j_job_status = $(this).val();
        var j_job_code = "<?php echo $curr_job_data['job_code']; ?>";


        $.post("ajx_page.php", {job_status : j_job_status, job_code : j_job_code}, function(return_data32){
            alert(return_data32);
        });


    });



    });

</script>

full pure php code here