Question

我需要在Ajax页面HTML呈现之前加载JS和CSS。这是场景：

我在代码下面有两个文件1.PHP内容 - 基本上它称为ajax：

<script>

    $('#loading_spinner').show();
    var mydata = 105;
    var post_data = "isln="+mydata;
    $.ajax({
        url: 'processpage.php',
        type: 'POST',
        data: post_data,
        dataType: 'html',
        success: function(data) {
            $('.my_update_panel').html(data);
            $('#loading_spinner').hide();
        },
        error: function() {
            alert("Something went wrong!");
        }
    });
</script>

processpage.php内容PHP代码，JS＆amp; CSS

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brand Management</title>
    <link rel=stylesheet type=text/css href='css/1.css'/>
    <link rel=stylesheet type=text/css href='css/2.css'/>
    <link rel=stylesheet type=text/css href='css/3.css'/>
    <link rel=stylesheet type=text/css href='css/4.css'/>

    <script type='text/javascript' src='js/jquery-1.11.2.min.js'></script>
    <script type='text/javascript' src='js/jquery-ui.min.js'></script>
    <script type='text/javascript' src='js/scripts.js'></script>
    <script type='text/javascript' src='js/mh-overlay.js'></script>
    <script type='text/javascript' src='js/jquery.qtip.min.js'></script>
</head>


 <?php 
       echo "My PHP CODE Process";
?>

问题：当我加载页面时，它首先执行我的PHP代码，然后加载所有CSS和JS。但我想加载所有JS然后加载PHP代码输出

目前正在加载：

PHP代码输出

JS1

JS2

我希望它必须是：

JS1

JS2

PHP代码输出

PS：我已经尝试了ajax.load()和本网站的其他可用答案，但它无法正常工作!!!

先谢谢!!!

Answer 1

你问的是不可能的。 PHP代码在响应之前由服务器执行，包括javascript代码和css，甚至被发送到客户端。你需要几个ajax查询来实现你想要的目标。

在AJAX内容呈现之前加载所有JS和CSS

1 个答案: