Jquery响应，循环失败时仅返回单个对象

Question

我正在尝试从 json 查询中返回一个姓氏数组，以构成用户可以选择的部分的一部分。

$.ajax({
url: 'https://reqres.in/api/users?page=1',
type: "GET",
success: function (response) {
    console.log(response);
    original = convState.current;
    State.current.next = State.newState({
       type: 'select',
       question: ['Please select'],
       answer: [{text: [response.data[0].last_name], value: 'true'}],
});

当前结果只返回https://reqres.in/api/users?page=1的json中的一个姓氏bluth

如果我尝试添加一个循环来访问数组，绝对不会发生任何事情。 html 页面只是等待某件事发生，而这永远不会发生。 可以请一些人帮助纠正循环，我不知道我应该在哪里以及如何添加它。我在这里尝试过，但页面等待什么都没有发生。

    var len = data.length;
      for(var i=0;i<len;i++){
        answer: [{text: [response.data[i].last_name], value: 'true'}],
    }

Answer 1

我会检查您的控制台日志以查看是否发生任何错误。提供的for 循环对我不起作用。但是，AJAX 查询有效，我可以通过修改您的 for 循环来遍历数组。看看我的示例代码。

编辑：我了解您的代码中发生了什么。您尝试在创建对象时实现for 循环（这不起作用）。我的示例代码将所有姓氏聚合到一个数组中，然后使用它来创建新状态。我不确定你是想要多个新状态，还是想要一个有多个答案的状态。

$.ajax({
    url: 'https://reqres.in/api/users?page=1',
    type: "GET",
    success: function (response) {
        let data = response.data;
        let array = [];
        for(var i = 0; i < data.length; ++i) {
            let account = data[i];
            let info = {text: [account.last_name], value: 'true'};
            array.push(info);
        }
        console.log(array);
        // Now do something with the array...
        original = convState.current;
        State.current.next = State.newState({
            type: 'select',
            question: ['Please select'],
            answer: array
        }
});

或者如果您想使用map 函数来简化数组创建，您可以执行以下操作。

$.ajax({
    url: 'https://reqres.in/api/users?page=1',
    type: "GET",
    success: function (response) {
        let data = response.data;
        let array = data.map((account) => Object.create({text: [account.last_name], value: 'true'}));
        console.log(array)
        // Now do something with the array...
        original = convState.current;
        State.current.next = State.newState({
            type: 'select',
            question: ['Please select'],
            answer: array
        }
    }
});