2010-09-01 95 views
0

我想創建一個簡單的ajax負載測試腳本,它動態地創建div,運行一個外部php腳本並將結果返回給創建的div。簡單的jQuery ajax壓力測試腳本問題

我想弄清楚如何創建一個for-loop,創建10個div並運行所有div的php腳本。最好這樣我可以指定要運行哪個腳本。

這是迄今爲止的代碼。它有效,但目前只有一個div被創建。

<html> 
<head> 
<script type="text/javascript" src="jquery-1.4.2.js"></script> 
<style> 
    .running { background-color: yellow; } 
    .completed { background-color: green; } 
} 
</style> 
<script> 
    function RunScripts() { 

     // Create a new div 
     $('#container').append('<div id="div1" class="running"></div>'); 

     // Run a php script and return the content 
     $.get("getcontent.php", 
      function(data){ 
       $('#div1').html(data); 
       $('#div1').removeClass('running').addClass('completed'); 
      } 
     ); 
    } 
</script> 
</head> 
<body> 
    <a onclick="RunScripts();">Run test</a> 
    <div id="container"></div> 
</body> 
</html> 

我該如何改進腳本以便它可以同時創建和運行多個腳本?

回答

1

您可以使用setTimeout運行一個函數的多個實例,即。

setTimeout('RunScripts()', 0); 
setTimeout('RunScripts()', 10); //Run again after 10ms. 

也許這可以幫到你嗎?

您還必須創建一所新的div不覆蓋響應數據是這樣的:

// Create a new div 
    var $div = $('<div>') 
     .addClass('running') 
     .appendTo('#container'); 

    // Run a php script and return the content 
    $.get("getcontent.php", 
     function(data){ 
      $div.html(data); 
      $div.removeClass('running').addClass('completed'); 
     } 
    ); 
+0

謝謝!非常簡單但非常強大 – Tom 2010-09-01 09:55:07