Javascript 了解如何从AJAX调用中捕获数据

Javascript 了解如何从AJAX调用中捕获数据,javascript,html,ajax,dom,Javascript,Html,Ajax,Dom,我有一个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) {

我有一个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元素。即使我做了一个
文档。写(结果)屏幕上显示的文本为

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

同样,成功地检索到数据是因为我可以看到它,但无法获取它


我知道这可能是一个愚蠢的问题,最终会成为我在101课上可以学到的东西,但是有人能解释一下这里发生了什么以及我如何获取我的数据吗?

在你发布的屏幕截图中,你似乎从AJAX调用中得到了一种形式的信息。因此,要访问它的数据,您可能必须执行以下操作<代码>文档。写入(结果[0]。用户名)

 $.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);
     }
 });
$.ajax({
url:url+'/main/noc/html_forms/query.cfm',
键入:“GET”,
数据类型:“json”,
数据:{
数据集:“用户”
},
async:true,
cache:false,
成功:功能(数据){
var结果=data.result;
对于(变量i=0;i

希望这能有所帮助。

在您发布的屏幕截图中,您似乎从AJAX调用中得到了一种形式的结果。因此,要访问它的数据,您可能必须执行以下操作<代码>文档。写入(结果[0]。用户名)

 $.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);
     }
 });
$.ajax({
url:url+'/main/noc/html_forms/query.cfm',
键入:“GET”,
数据类型:“json”,
数据:{
数据集:“用户”
},
async:true,
cache:false,
成功:功能(数据){
var结果=data.result;
对于(变量i=0;i

希望这能有所帮助。

您的代码很好,但如果成功,它将返回对象数组,那么您必须像这样修改代码

 $.ajax({
url: URL + '/main/noc/html_forms/query.cfm',
type: 'GET',
dataType: 'json',
contentType:'application/json;charset=utf-8',
data: {
    dataset: 'Users'
},
async: false,
timeout: 5000,
cache: false,
success: function(data) {            
   alert(data[0].user_name);
    console.log(result);
}
});

您的代码很好,但如果成功,它将返回对象数组,那么您必须像这样修改代码

 $.ajax({
url: URL + '/main/noc/html_forms/query.cfm',
type: 'GET',
dataType: 'json',
contentType:'application/json;charset=utf-8',
data: {
    dataset: 'Users'
},
async: false,
timeout: 5000,
cache: false,
success: function(data) {            
   alert(data[0].user_name);
    console.log(result);
}
});
您正在从服务器获取一个对象数组。你不能直接打印。您需要遍历此数组以打印值。为此,您可以使用
$。每个
jquery函数首先遍历对象数组,然后再次遍历每个对象的所有键值对。您可以阅读有关
$的内容。每个
函数


您正在从服务器获取一个对象数组。你不能直接打印。您需要遍历此数组以打印值。为此,您可以使用
$。每个
jquery函数首先遍历对象数组,然后再次遍历每个对象的所有键值对。您可以阅读有关
$的内容。每个
函数

“除了我不能将此数据打印到DOM ID元素”您有一个对象数组。您希望输出是什么?最后,您需要将数组转换为字符串或DOM元素。如何做到这一点取决于您希望如何显示数据。JavaScript/DOM不知道数据应该如何显示,您必须告诉它。访问数据很容易:
数据[0]。user\u name
访问数组中第一个对象的
user\u name
。可能重复的
async:false,
+
timeout:5000,
表示您认为此调用可能需要5秒钟才能完成!使用起来不太友好“除了我不能将此数据打印到DOM ID元素”您有一个对象数组。您希望输出是什么?最后,您需要将数组转换为字符串或DOM元素。如何做到这一点取决于您希望如何显示数据。JavaScript/DOM不知道数据应该如何显示,您必须告诉它。访问数据很容易:
数据[0]。user\u name
访问数组中第一个对象的
user\u name
。可能重复的
async:false,
+
timeout:5000,
表示您认为此调用可能需要5秒钟才能完成!一点也不友好
您的代码很好
-尽管有不推荐的同步请求-当然:p
您的代码很好
-尽管有不推荐的同步请求-当然:p