如何在JSP页面中循环JSONArray并在div标签中显示每条记录？

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<script>
    function displayJSONArray() {
        // 假设你已经有一个名为jsonArray的JSONArray对象
        var jsonArray = [
            {"name": "John", "age": 25},
            {"name": "Jane", "age": 30},
            {"name": "Tom", "age": 35}
        ];

        // 获取div标签的引用
        var divElement = document.getElementById("resultDiv");

        // 循环遍历JSONArray
        for (var i = 0; i < jsonArray.length; i++) {
            var record = jsonArray[i];
            var name = record.name;
            var age = record.age;

            // 创建一个新的p标签，用于显示记录内容
            var pElement = document.createElement("p");
            pElement.innerHTML = "Name: " + name + ", Age: " + age;

            // 将p标签添加到div标签中
            divElement.appendChild(pElement);
        }
    }
</script>

<div id="resultDiv"></div>

<script>
    $(document).ready(function() {
        displayJSONArray();
    });
</script>