2015-05-13 52 views
0

我需要在Ajax頁面HTML呈現之前加載JS和CSS。這裏的情景:在AJAX內容呈現之前加載所有JS和CSS

  1. 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 & 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代碼輸出

    目前IT負載:

    PHP代碼輸出

    JS1

    JS2

    我想要它必須是:

    JS1

    JS2

    PHP代碼輸出

    PS:我已經嘗試過與本網站的ajax.load()和其他可用的答案,但它不能工作!

    在此先感謝!

    +0

    使用onload()等待外部資產 – dandavis

    +0

    @dandavis請你解釋一下,或者有一些代碼示例嗎? –

    +0

    '我需要在Ajax頁面HTML呈現前加載JS和CSS'這聽起來像一個XY問題:http://mywiki.wooledge.org/XyProblem –

    回答

    1

    你問的是不可能的。 PHP代碼在響應之前由服務器執行,包括javascript代碼和css,甚至發送到客戶端。你需要幾個Ajax查詢來實現你想要的。

    +0

    我知道我可以通過加載JS和所有HTML或PHP輸出後的幾個代碼來實現這一點。但我正在尋找只能在一個Ajax調用中工作的東西。無論如何感謝您的意見。 –