php - Ajax 将内容从 json 数组加载到 div

Question

我的网页应该以随机顺序生成一系列问题。每个问题都是一个带有图片和多个选项的单独 HTML 页面。在页面加载时，应该有一个默认问题，然后单击下一个新页面会加载。我目前：

1. 使用 html 页面的名称创建一个 php 数组并将其改组。
2. 将此数组转换为 json 数组以在 Javascript 中访问。
3. 试图 ajax 加载页面。

我被困在第三步；你如何在ajax调用中发送一个json数组元素，即

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

其中 name 是存储在 json 数组中的网页的名称，而 container 是我当前 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 加载函数。

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>