Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery将JSON追加到表中总是会追加两次数据。不知道如何解决这个问题?_Jquery_Html_Json_Html Table - Fatal编程技术网

使用jquery将JSON追加到表中总是会追加两次数据。不知道如何解决这个问题?

使用jquery将JSON追加到表中总是会追加两次数据。不知道如何解决这个问题?,jquery,html,json,html-table,Jquery,Html,Json,Html Table,我这里有一个非常奇怪的问题,我似乎无法让它正常工作。我将json数据追加到一个表中,但它会将每行数据追加两次。我希望这里的人能看到我可能做错了什么 data=JSON.parse('[{“status”:true,“user”:{“username”:“Chris”,“avatar”:“https:\/\/s3 storage.\/\/avatars\/iiPjqYlVkijUv9XoPt0YUpyHuueBdkFkrTjIwnJd.gif”,“rep”:{“positive”:1,“neut

我这里有一个非常奇怪的问题,我似乎无法让它正常工作。我将json数据追加到一个表中,但它会将每行数据追加两次。我希望这里的人能看到我可能做错了什么

data=JSON.parse('[{“status”:true,“user”:{“username”:“Chris”,“avatar”:“https:\/\/s3 storage.\/\/avatars\/iiPjqYlVkijUv9XoPt0YUpyHuueBdkFkrTjIwnJd.gif”,“rep”:{“positive”:1,“neutral”:0,“negative”:0},“products”:[{“id”:“JucpDM8”,“title”:“非完全访问(NFA)”,“image”:“url”:“https:\/\/s3 storage.\/\/product\\/images\/sdcaqvqginntmvkwyhcdfajooqc0qhq3pmjyaw.png”,“路径”:“产品图像\/sdcaqvqginntmvkwyhcdfajooqc0qjq3pmjyaw.png”,“数量”:{“最小值”:25,“最大值”:1000000},“价格”:0.02,“货币”:“美元”,“股票警告”:500,“类型”:“账户”,“股票”:12},{“id”:“qX4vLC2”,“标题”:“未分割(UFA)”,“图像”:“{https:\/\/s3存储。\/\/product\u图像\/f0palkmlbws9gzt7dtrfmnym2buv796htlm4gfe.jpeg,“路径”:“产品图像\/f0palkmlbws9gzt7dtrfmnym2buv796htlm4gfe.jpeg”},“数量”:{“最大”:1000000,“最小”:1},“价格”:5.99,“货币”:“美元”,“股票警告”:5,“类型”:“账户”,“股票”:0},“id”:“sYu98Kq”,“标题”:“半满(SFA)”,“图像”:“{https:\/\/s3 storage.\/\/product\u images\/5mgcah4fsj23mlbhw5yw1oopsw65dgi1zkmxwnfn.jpeg,“路径”:“产品图像\/5mgcah4fsj23mlbhw5yw1oopsw65dgi1zkmxwnfn.jpeg”,数量:{“最大”:1000000,“最小”:1},“价格”:1,“货币”:“美元”,“股票警告”:5,“类型”:“账户”,“股票”:0},{“id”:“7efhwnl”,“标题”:“精细”,“图像”{https:\/\/s3存储。\/\/product\u图像\/W6q61CMgmlzzwtQlk0jXfaXbOcse4YfhrHEIuF0N.jpeg,“路径”:“产品图像\/W6q61CMgmlzzwtQlk0jXfaXbOcse4YfhrHEIuF0N.jpeg”,数量:{“最大”:1000000,“最小”:1},“价格”:4.99,“货币”:“美元”,“股票警告”:2,“类型”:“账户”,“股票”:0},{“id”:“kBkgLAv”,“标题”:“hypel”,排名的NFA图像”:https:\/\/s3 storage.\/\/product\u images\/nxvFRT9YcKVuOHPilMGdLM08i7JhYTdd4Aqq0xSK.png,“路径”:“产品图像\/nxvFRT9YcKVuOHPilMGdLM08i7JhYTdd4Aqq0xSK.png”,数量:{“最大”:1000000,“最小”:1},“价格”:4.99,“货币”:“美元”,“股票警告”:5,“类型”:“账户”,“股票”:0},{“id”:“x5km3z”,“标题”:“Lamm”,“图像”{“url”:https:\/\/s3 storage.\/\/product\/u images\/rggnccqmiqgvsetvtwjrf2ehvswioe5bxnwetuc.jpeg,“路径”:“产品图像\/rggnccqmiqgvsetvtwjrf2ehvswioe5bxnwetuc.jpeg”,数量:{“最大”:1000000,“最小”:5},“价格”:0.05,“货币”:“美元”,“股票警告”:0,“类型”:“账户”,“股票”:0},{“id”:“AFwEIkN”,“标题”:“lamy”,“图像”:“{https:\/\/s3 storage.\/\/product\u images\/mUbSzYsq8iII9Ro3wmJkyWRwk4oBVJmDNKavBGr4.png,“路径”:“产品图像\/mubszysq8ii9ro3wmjkywrwk4obvjmdnkavbgr4.png”,数量:{“最大”:1000000,“最小”:1,“价格”:1,“货币”:“美元”,“股票警告”:0,“类型”:“账户”,“股票”:0},{“id”:“JYcUni4”,“标题”:“杰西”,“图像”:“url”:https:\/\/s3 storage.\/\/product\/u images\/GaVbNGASgkv6LCErOjg1zK9MFWlrySvZGUVNCjPb.png,“路径”:“产品图像\/GaVbNGASgkv6LCErOjg1zK9MFWlrySvZGUVNCjPb.png”,数量:{“最大”:1000000,“最小”:5},“价格”:0.5,“货币”:“美元”,“股票警告”:10,“类型”:“账户”,“股票”:14}”,“集团”:“{”id:“4TlYivf”,“标题”:“雷工是”,“图像”,“未上市”:“假”产品“[“sYu98Kq”,“JucpDM8”,“qX4vLC2”,“7EFHWL”,“kBkgLAv”],{“id:“GTXwlkU”,“标题:”“流媒体”,“图像:”,“未上市”:假,“产品“:[“JYcUni4”,“AFwEIkN”,“X5kmV3z”],“反馈”:[{“更新时间:”“2018-09-16 00:29:35”,“明星”:5,“评级”:1,“评论:”“世界上最好的东西!谢谢!”,“回复:”“非常感谢!再来一次!”,“产品”:空}],在线:{state:false,“ago”:“1年前”},“staff”:false},{“status”:true,“user”:{“username”:“bear”,“avatar”:“\/images\/default avatar.png?id=55b864e42ffc120971da”,“rep”:{“正值”:0,“中性”:0,“负值”:0},“产品”:[{“id”:“p9YymiV”,“title”:“fortnite”,“image”:“null”,“数量”:“{“min”:1”,“max”:1},“价格”:75,“货币”:“欧元库存”:警告,”输入“:”服务“,”股票“:”9223372036854775807}],”团体“:”[],”反馈“:[],”在线“:{”状态“:”假“,”1年前“,”职员“:”假“,”状态“,”真“,”用户“:{”用户名“:”国王“,”化身“:“\/images\/默认化身.png?id=55b864e42ffcfc120971da”,“代表“:{”阳性“,”0,“中性“,”阴性“,”产品“:{”id“:”id“:”vf91vfhn4“,”标题“:”上传“,”图像“,”数量:{“min”:1,“max”:1},“price”:4,“currency”:“EUR”,“stock_warning”:0,“type”:“account”,“stock”:0},{“id”:“vX5IJ4T”,“title”:“premium”,“image”:null,“quantity”:{“min”:1,“max”:1},“price”:2,“currency”:“EUR”,“stock_warning”:0,“type”:“service”,“stock:”9223372036854775807}],“groups:”,“groups:”,“feedbacks:“[]”,“,“online:”,“{“state”:false”,“ago:”一年前”,“员工”“:false}}]');
$.each(数据、函数(\uv1){
$。每个(v1.user.products,function(ux,v2){
$.each(v2.image,function(\ux,v3){
$(“.table”).append($(“”).append(
$(“”).addClass(“Title”).text(v2.Title),
$(“”).addClass(“Price”).text(“$”+v2.Price),
$(“”).addClass(“股票”).text(v2.Stock),
$(“”).addClass(“链接”).append(
$('').attr(“href”https://shop.link/product/“+v2.id+”/”)
.text(“立即购买”))
));
});
});
});

测试检查
标题
价格
股票
链接

由于第三个each循环遍历具有两个值的图像,所以需要添加两次数据:path和link。所以不要这样做,无论如何,您都不会使用第三个循环中的v3:

$.each(data, function(_, v1) {
  $.each(v1.user.products, function(_, v2) {
    let image = "";
    if (v2.image && v2.image.url) {
      image = v2.image.url;
    }
    $(".table").append($("<tr>").append(
      $("<img>").css({
        width: 60
      }).attr("src", image),
      $("<td>").addClass("Title").text(v2.title),
      $("<td>").addClass("Price").text("$" + v2.price),
      $("<td>").addClass("Stock").text(v2.stock),
      $("<td>").addClass("Link").append(
        $('<a target="_blank">').attr("href", "https://shop.link/product/" + v2.id + "/")
        .text("Buy Now"))
    ));
  });
});
$。每个(数据、函数(\uv1){
$。每个(v1.user.products,function(ux,v2){
让图像=”;
if(v2.image&&v2.image.url){
image=v2.image.url;
}
$(“.table”).append($(“”).append(
$(“”).addClass(“Title”).text(v2.Title),
$(“”).addClass(“Price”).text(“$”+v2.Price),
$(“”).addClass(“股票”).text(v2.Stock),
$(“”).addClass(“链接”).append(
$('').attr(“href”https://shop.link/product/“+v2.id+”/”)
.text(“立即购买”))
));
});
});
编辑:

我添加了逻辑来处理空图像值。现在它显示了所有的用途