Jquery AJAX请求没有';是否显示我请求的任何数据?
我试图显示来自JSON链接的数据。我尝试了多种显示方式,但它要么不显示,要么显示Jquery AJAX请求没有';是否显示我请求的任何数据?,jquery,json,ajax,Jquery,Json,Ajax,我试图显示来自JSON链接的数据。我尝试了多种显示方式,但它要么不显示,要么显示未定义的,要么显示[object,object] 我预计结果将是法国,4,1等。如表所示 $(文档).ready(函数(){ $.getJSON(“https://worldcup.sfg.io/teams/group_results?group_id=A,函数(数据){ var group_数据=“”; $。每个(数据、函数(键、值){ 组_数据+=''; 组数据+=''+数据。有序组[i]。国家+''; 分组数
未定义的
,要么显示[object,object]
我预计结果将是法国,4,1
等。如表所示
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results?group_id=A,函数(数据){
var group_数据=“”;
$。每个(数据、函数(键、值){
组_数据+='';
组数据+=''+数据。有序组[i]。国家+'';
分组数据+=''+数据。有序团队[i]。wins+'';
组数据+=''+数据.有序组[i].损失+'';
组_数据+='';
});
$('#group_A_table')。追加(group_数据);
});
});代码>
小组赛
A组
国家
获胜
损失
这里有两个问题。首先,您已经定义了i
,但是您使用的是$。每个()
循环接收循环中项目的键和值,而不是索引,因此您会得到一个i未定义的错误
修复后,第二个问题是数据
是一个数组,有序团队
是该数组第0个元素中的属性。因此,您需要在数据[0]上循环。改为有序的团队
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results?group_id=A,函数(数据){
var group_数据=“”;
$.each(数据[0]。有序团队,功能(键,团队){
组_数据+='';
组数据+=''+团队国家+'';
组数据+=''+团队胜利+'';
组数据+=''+团队损失+'';
组_数据+='';
});
$('#group_A_table')。追加(group_数据);
});
});代码>
小组赛
A组
国家
获胜
损失
您的代码有几个问题:
- 您尝试迭代的
ordered_团队
数组包含在数据
数组的第一个对象中,而您尝试迭代数据
数组本身
- 您在函数中使用了
键
和值
,并在函数中使用了未定义的i
索引
以下代码应该可以工作:
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results?group_id=A,函数(数据){
如果(数据和数据长度>0){
var group_数据=“”;
$(数据[0]。有序团队)。每个(函数(i,有序团队){
组_数据+='';
组数据+=''+已订购的队国家+'';
组数据+=''+有序组获胜+'';
组数据+=''+有序组损失+'';
组_数据+='';
});
$('#group_A_table')。追加(group_数据);
}
});
});代码>
小组赛
A组
国家
获胜
损失
根据本API
结果有2次迭代。
小组1人,小组2人。
所以如果你只想参加第一组的比赛,那就是A队
然后您必须在数据[0]中传递0
然后对有序的团队进行迭代,得到答案
<script>
$(document).ready(function () {
$.getJSON("https://worldcup.sfg.io/teams/group_results", function (data) {
var group_data = '';
console.log(data)
$.each(data[0].ordered_teams, function (key, value) {
group_data += '<tr>';
group_data += '<td>' + data[0].ordered_teams[key].country + '</td>';
group_data += '<td>' + data[0].ordered_teams[key].wins + '</td>';
group_data += '<td>' + data[0].ordered_teams[key].losses + '</td>';
group_data += '</tr>';
});
$('#group_A_table').append(group_data);
});
});
</script>
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results,函数(数据){
var group_数据=“”;
console.log(数据)
$.each(数据[0]。有序团队,函数(键,值){
组_数据+='';
组数据+=''+数据[0]。有序组[键]。国家+'';
组数据+=''+数据[0]。有序的团队[key]。wins+'';
组数据+=''+数据[0]。有序组[key]。损失+'';
组_数据+='';
});
$('#group_A_table')。追加(group_数据);
});
});
若你们想让所有的团队都在列表中,那个么就这样做
<script>
$( document ).ready(function() {
$.getJSON("https://worldcup.sfg.io/teams/group_results", function(data){
var group_data = '';
console.log(data)
$.each(data, function(key, value){
$.each(data[key].ordered_teams, function(keya, value){
console.log(data[key].ordered_teams[keya].country)
console.log(data[key].ordered_teams[keya].wins)
console.log(data[key].ordered_teams[keya].losses)
group_data += '<tr>';
group_data += '<td>'+data[key].ordered_teams[keya].country+'</td>';
group_data += '<td>'+data[key].ordered_teams[keya].wins+'</td>';
group_data += '<td>'+data[key].ordered_teams[keya].losses+'</td>';
group_data += '</tr>';
});
});
$('#group_A_table').append(group_data);
});
});
</script>
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results“,函数(数据){
var group_数据=“”;
console.log(数据)
$。每个(数据、函数(键、值){
$.each(数据[键])。有序团队,函数(键A,值){
console.log(数据[key].ordered_团队[keya].country)
console.log(数据[key]。有序团队[keya]。wins)
console.log(数据[key]。有序团队[keya]。损失)
组_数据+='';
组数据+=''+数据[key]。有序组[keya]。国家+'';
分组数据+=''+数据[key]。有序团队[keya]。wins+'';
组数据+=''+数据[key]。有序组[keya]。损失+'';
组_数据+='';
});
});
$('#group_A_table')。追加(group_数据);
});
});
在使用$时,实际上不需要任何像“i”这样的计数器变量。每个循环
您的案例中已经定义了索引和值计数器
您的代码应进行以下修改:
$(document).ready(function() {
$.getJSON("https://worldcup.sfg.io/teams/group_results?group_id=A", function(data) {
var group_data = '';
$.each(data, function(key, value) {
group_data += '<tr>';
group_data += '<td>' + value.country + '</td>';
group_data += '<td>' + value.wins + '</td>';
group_data += '<td>' + value.losses + '</td>';
group_data += '</tr>';
});
$('#group_A_table').append(group_data);
});
});
$(文档).ready(函数(){
$.getJSON(“https://worldcup.sfg.io/teams/group_results?group_id=A,函数(数据){
var group_数据=“”;
$。每个(数据、函数(键、值){
组_数据+='';
组数据+=''+值.country+'';
组数据+=''+值.wins+'';
组数据+=''+价值损失+'';
组_数据+='';
});
$('#group_A_table')。追加(group_数据);
});
});
初始化的i
在哪里?您似乎缺少了一个循环,覆盖了ordered\u团队