Javascript 了解如何从AJAX调用中捕获数据
我有一个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({
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