使用js声明数组,对象在jsp页面中(获得ajax得到json数据)

下面是使用JavaScript声明数组和对象，并在JSP页面中获取AJAX获取的JSON数据的完整攻略：

步骤一：准备工作

首先，在JSP页面中引入jQuery库，以便使用AJAX获取JSON数据。可以使用以下代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

步骤二：声明数组和对象

使用JavaScript声明数组和对象的方式与普通HTML页面中一致，以下是示例代码：

声明数组

var arr = [1, 2, 3, 4, 5]; // 数字数组
var arr2 = ["apple", "orange", "banana"]; // 字符串数组

声明对象

var obj = {name: "Tom", age: 18}; // 对象
var obj2 = {"name": "Jerry", "age": 20}; // 对象

步骤三：使用AJAX获取JSON数据

使用AJAX获取JSON数据时，需要将获取到的JSON数据解析成数组或对象再在页面中使用。以下是示例代码：

$.ajax({
    url: "/getData", // AJAX请求URL
    type: "GET",
    dataType: "json", // 返回的数据格式为JSON
    success: function(data) { // 获取数据成功后的回调函数
        var arr = data.arr; // 将JSON数据中的数组赋值给arr变量
        var obj = data.obj; // 将JSON数据中的对象赋值给obj变量

        // 使用数组和对象
        console.log(arr);
        console.log(obj.name);
    },
    error: function() { // 获取数据失败后的回调函数
        console.log("请求失败");
    }
});

示例一：使用数组

假设从AJAX请求中获取到以下JSON数据：

{
    "arr": [5, 6, 7, 8, 9]
}

在JSP页面中使用以下代码获取并展示数组：

<div id="result"></div>

<script>
    // 发送AJAX请求
    $.ajax({
        url: "/getData",
        type: "GET",
        dataType: "json",
        success: function(data) {
            var arr = data.arr; // 将JSON数据中的数组赋值给arr变量

            // 在页面中展示数组
            var result = document.getElementById("result");
            result.innerHTML = "数组的长度为：" + arr.length + "<br>";
            for (var i = 0; i < arr.length; i++) {
                result.innerHTML += arr[i] + " ";
            }
        },
        error: function() {
            console.log("请求失败");
        }
    });
</script>

示例二：使用对象

假设从AJAX请求中获取到以下JSON数据：

{
    "obj": {"name": "Alice", "age": 22}
}

在JSP页面中使用以下代码获取并展示对象：

<div id="result"></div>

<script>
    // 发送AJAX请求
    $.ajax({
        url: "/getData",
        type: "GET",
        dataType: "json",
        success: function(data) {
            var obj = data.obj; // 将JSON数据中的对象赋值给obj变量

            // 在页面中展示对象
            var result = document.getElementById("result");
            result.innerHTML = "姓名：" + obj.name + "<br>";
            result.innerHTML += "年龄：" + obj.age;
        },
        error: function() {
            console.log("请求失败");
        }
    });
</script>

以上是使用JavaScript声明数组和对象，并在JSP页面中获取AJAX获取的JSON数据的完整攻略，如有疑问，请随时问我。