jqueryajax问题,继续作为结果值进行未定义
我对使用ajax和jquery的ajax包装函数完全是个新手。尝试从API获取json并将结果附加到我正在构建的站点的html中 这是我的密码:jqueryajax问题,继续作为结果值进行未定义,jquery,json,ajax,Jquery,Json,Ajax,我对使用ajax和jquery的ajax包装函数完全是个新手。尝试从API获取json并将结果附加到我正在构建的站点的html中 这是我的密码: $.ajax({ type : 'GET', url : 'api/v1/get_profesors.php', success : function(data){ var content = 'Name : '+data.na
$.ajax({
type : 'GET',
url : 'api/v1/get_profesors.php',
success : function(data){
var content = 'Name : '+data.name ;
content += ' Surname : '+data.surname ;
content += ' Bio : '+data.bio ;
content += ' Instrument : '+data.instrument ;
$("#profesori").append(content);
}
});
我得到的结果是Name:undefined姓氏:undefined生物:undefined仪器:undefined
哦,这是我从API收到的JSON的一部分:
{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
提前感谢。尝试
数据[0]。为您的响应命名等。首先确保在ajax
成功调用中使用console.log(data)
从API获得JSON作为响应
然后,您需要使用JSON.parse()
做这类事情时,你需要记住的几件事:
var data = {"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
var data = [
{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null},
{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
];
Name : adsssss
Name : Andrija
1.如所建议。在ajax
success调用中使用console.log(data)
检查API响应
2.您从api得到的响应是错误的。它应该是对象数组
或数组对象
错误:
var data = {"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
var data = [
{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null},
{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
];
Name : adsssss
Name : Andrija
更正:
var data = {"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
var data = [
{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null},
{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
];
Name : adsssss
Name : Andrija
3.在您的ajax
成功函数中,您必须循环数据数组
,因为它包含两个对象
for (var i in data) {
console.log('Name : '+data[i].name);
}
输出:
var data = {"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null}{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
var data = [
{"id":7,"name":"adsssss","surname":"THERE I GO","bio":"Jupi","instrument":"Gitara","img":null},
{"id":8,"name":"Andrija","surname":"Profesor","bio":null,"instrument":null,"img":null}
];
Name : adsssss
Name : Andrija
请使用ajax中的数据类型作为数据类型:“json”,请参见下面的示例
$.ajax({
类型:“POST”,
url:hb_base_url+“消费者”,
contentType:“应用程序/json”,
数据类型:“json”,
数据:JSON.stringify({
名字:$(“#namec”).val(),
姓氏:$(“#姓氏C”).val(),
电子邮件:$(“#emailc”).val(),
手机:$(“#numberc”).val(),
密码:$(“#passwordc”).val()
}),
成功:功能(响应){
控制台日志(响应);
},
错误:函数(响应){
控制台日志(响应);
}
}); 这并不能回答这个问题。若要评论或要求作者澄清,请在其帖子下方留下评论。-@indramurari感谢你的批评