Ajax將內容從json數組加載到div中

Question

我的網頁應該會隨機產生一系列問題。 每個問題都是一個單獨的HTML頁面，其中包含圖片和多個選項。在頁面加載時，應該有一個默認問題，然后單擊下一步將加載新頁面。 我目前：

1. 用html頁面的名稱創建一個php數組並將其改組。
2. 將此數組轉換為要用Javascript訪問的json數組。
3. 嘗試ajax加載頁面。

我陷入了第三步。 你如何在ajax調用中發送一個json數組元素

$.ajax({
  url: name+".html",
  success: function(html){
    $("#container").empty().append(html);
  }
});

其中name是存儲在json數組中的網頁的名稱，容器是我當前的php頁面上的div。 如果有一種更簡單的方法來完成上述任務，我也願意這樣做。

謝謝！

編輯步驟2：

         var xdata = <?php echo json_encode($testArray); ?>;

其中$ testArray是php隨機排列的網頁數組。

Answer 1

$.ajax({ url: name+".html", success: function(html)     
                $("#container").empty().append(html);                           
                }                                      
                });

嘗試1個'{'和2個'}'

$.ajax({ url: name+".html", success: function(html){     
                $("#container").empty().append(html);                           
                }                                      
                });

Answer 2

使用jQuery load函數 。

var pageToLoadIntoContainer = 'Test1.html';

$('#container').load( pageToLoadIntoContainer );

擴展此答案以嘗試解決您的所有元素...

<?php

$pageArray = shuffle(array(
  'Test1' ,
  'Test2' ,
  'Test3'
));

....

?>
<script>

var pageArray = <?php echo json_encode( $pageArray ); ?>;

....

$('#container1').load( pageArray[0] );
$('#container2').load( pageArray[1] );
$('#container3').load( pageArray[2] );

</script>