javascript - 了解如何从 AJAX 调用捕获数据

Question

我有一个 AJAX 调用，用于从数据库中获取一些数据。

$.ajax({
    url: URL + '/main/noc/html_forms/query.cfm',
    type: 'GET',
    dataType: 'json',
    data: {
        dataset: 'Users'
    },
    async: false,
    timeout: 5000,
    cache: false,
    success: function(data) {            
        var result = data.result;
        console.log(result);
    }
});

我可以从控制台看到数据已成功检索，但无法将此数据打印到 DOM ID 元素。即使我执行 document.write(result); ，屏幕上显示的文本是

[对象对象],[对象对象],[对象对象]

同样，数据已成功检索，因为我可以看到它，但我无法获取它。

我知道这可能是一个愚蠢的问题，它最终会成为我可以在 101 类(class)中学到的东西，但是有人可以解释一下这里发生了什么以及我如何获取我的数据吗？

Answer 1

在您发布的屏幕截图中，您似乎从 AJAX 调用中获得了 Array 形式的结果。 。因此，要访问其数据，您可能必须执行以下操作:document.write(result[0].user_name) 或

 $.ajax({
     url: URL + '/main/noc/html_forms/query.cfm',
     type: 'GET',
     dataType: 'json',
     data: {
         dataset: 'Users'
     },
     async: true,
     cache: false,
     success: function(data) {
         var result = data.result;
         for (var i = 0; i < result.length; i++) {
             document.write(result[i].user_name);
         }
         console.log(result);
     }
 });

希望这有帮助。