在JavaScript的AJAX中能否使用数组？新手求助实现数据存入数组

嘿，作为AJAX新手能想到用数组存储获取到的数据，这个思路完全没问题！我来帮你把代码补全并解释清楚：

首先，你已经正确创建了main_img数组，接下来只需要完善AJAX请求的配置，并且在请求成功的回调里把返回的数据添加到数组中就可以了。这里给你完整的实现代码：

$(document).ready(function () {
    // 初始化存储数据的数组
    var main_img = new Array();

    // 完善AJAX请求配置
    var settings = {
        "async": true,
        "crossDomain": true,
        "url": "http://localhost:52273/movie",
        "method": "GET",
        "headers": {
            "cache-control": "no-cache" // 补全headers配置，这里以no-cache为例
        }
    };

    // 发起AJAX请求
    $.ajax(settings).done(function (response) {
        // 这里的response就是从后端获取到的数据
        // 假设后端返回的是一个数组，直接把所有元素添加到main_img中
        if (Array.isArray(response)) {
            // 使用扩展运算符把response的元素逐个push进数组
            main_img.push(...response);
            // 或者用concat：main_img = main_img.concat(response);
        } else {
            // 如果返回的是单个对象，直接push进去
            main_img.push(response);
        }

        // 这里可以验证数组是否成功添加了数据
        console.log("数据已添加到数组：", main_img);
    }).fail(function (error) {
        // 处理请求失败的情况
        console.error("AJAX请求失败：", error);
    });

    // 注意：因为AJAX是异步的，不要直接在这里访问main_img，此时数组可能还是空的
    // 所有需要用到main_img的逻辑都要放在done回调里面，或者使用async/await
});

另外要特别注意异步请求的特性：AJAX请求是异步执行的，也就是说代码不会等AJAX请求完成再往下走。如果你在$.ajax()外面直接打印main_img，会发现数组还是空的——因为此时请求还没完成，数据还没回来。所以所有需要用到这个数组的操作，都要放在done回调函数里面，或者你可以改用async/await的写法让代码看起来更像同步：

$(document).ready(async function () {
    var main_img = new Array();

    var settings = {
        "async": true,
        "crossDomain": true,
        "url": "http://localhost:52273/movie",
        "method": "GET",
        "headers": {
            "cache-control": "no-cache"
        }
    };

    try {
        // 使用await等待AJAX请求完成
        var response = await $.ajax(settings);
        if (Array.isArray(response)) {
            main_img.push(...response);
        } else {
            main_img.push(response);
        }
        console.log("数据已添加到数组：", main_img);
        // 这里可以继续写用到main_img的逻辑
    } catch (error) {
        console.error("AJAX请求失败：", error);
    }
});

这样就能确保你在获取到数据之后再去使用数组啦～

内容的提问来源于stack exchange，提问作者james lee