使用js将ajax返回的json组数格式数据去除重复的数据

短命女 2024-04-17 19:12 27阅读 0赞

**像下面的这种数据使用js实现去重，我是使用ajax请求，返回给我这种数据，返回的数据是全部的，并且还有重复的 ，下面使用的js实现了去除重复的数据，并添加到了表格中**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQxMTU2OQ_size_16_color_FFFFFF_t_70]  
**js页面：**

<script>
    
        $(document).ready(function(){ 	//实现自动加载
            $.ajax({ 
                url: "warn",			//请求地址
                dataType : "json",		//数据格式
                type : "post",			//请求方式
                async : false,			//是否异步请求
                success : function (data) {   	//接收返回的数据data
                    var $a=data;
                    var i=$a.data.result_num; 	//获取具体的参数
                    $b={ warn:[]};
                    var arr=[];
                    for(var x=1; x<i; x++){ 
                        if(arr.indexOf($a.data.record[x].img_path) ==-1){     // -1代表没有找到
                            arr.push($a.data.record[x].img_path);   //如果没有找到就把这个name放到arr里面，以便下次循环时用
                            $b.warn.push($a.data.record[x]);
                        }
                    }
                    var newarr = $b;
                    // $("#pp").html(JSON.stringify(newarr));
                    num = $b.warn.length;       //去重后的数组
                    for(n=0;n<num;n++){ 
                        // $("#person_name").html(JSON.stringify($b.warn[n].person_name));
                        $("#table").append("<tr><td>"+JSON.stringify($b.warn[n].person_name)+"</td>"+
                            "<td>"+JSON.stringify($b.warn[n].person_gender)+"</td>"+
                            "<td>"+JSON.stringify($b.warn[n].person_age)+"</td>"+
                            "<td>"+JSON.stringify($b.warn[n].person_idcard)+"</td>"+
                            +"</tr>")
                    }
                },
            })
        })

html文件中别忘了引入文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQxMTU2OQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQxMTU2OQ_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/7556f43d6bfc42928d80dc4299369494.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQxMTU2OQ_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/17/9dfc3d3be952491b9114d9d14140241a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，27人围观）

还没有评论，来说两句吧...

相关阅读

相关多层json去除重复数据

直接上代码： function jsonquchong() { var $a ={ "code": 0, ...

小咪咪/ 2024年04月17日 20:05/ 0 赞/ 68 阅读

相关使用js将ajax返回的json组数格式数据去除重复的数据

*像下面的这种数据使用js实现去重，我是使用ajax请求，返回给我这种数据，返回的数据是全部的，并且还有重复的，下面使用的js实现了去除重复的数据，并添加到了表格中**...

短命女/ 2024年04月17日 19:12/ 0 赞/ 28 阅读

相关解析ajax返回的json数据

在开发过程共遇到了一个问题

偏执的太偏执、/ 2024年04月17日 06:13/ 0 赞/ 82 阅读

相关 Ajax技术--服务器返回数据格式（HTML,XML,JSON）

默认情况下返回HTML格式，所以不必设置，直接输出即可，案例：实时显示聊天内容 2、返回XML格式： XML中常用attr()返回节点属性，应用find()方法获取XML文

阳光穿透心脏的1/2处/ 2024年02月17日 23:45/ 0 赞/ 35 阅读

相关 ajax返回Json数据中带有＜pre＞标签去除

某个文件上传ajax取值出问题就很纳闷于是打印了返回的信息发现json被 <pre style="word-wrap: break-word; white-spa

水深无声/ 2022年10月11日 14:55/ 0 赞/ 124 阅读

相关 JS解析json数据（如何将json字符串转化为数组）

1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <H

￡神魔★判官ぃ/ 2022年09月18日 13:47/ 0 赞/ 250 阅读

相关 ajax 异步获取返回数据格式,Flask(python)异步（ajax）返回json格式数据

主要讨论两个问题，第一个是关于json.dumps 与jsonify区别，第二个是几种异步的区别(见jQuery中的$.getJSON、$.ajax、$.get、$.post的

╰半橙微兮°/ 2022年09月03日 07:22/ 0 赞/ 273 阅读

相关 Ajax解析返回的Json数据

1.前台页面传数据，前台直接解析返回的json数据对于服务器返回的JSON字符串，如果jquery异步请求没做类型说明，或者以字符串方式接受，那么需要做一次对

一时失言乱红尘/ 2022年07月26日 01:55/ 0 赞/ 225 阅读

相关配置ajax请求springmvc返回json格式数据

首先在controller的方法返回值（返回值类型为实体类）上增加@ResponseBody注解然后两种配置方式如下：方式一：spring4.0以及之后版本推荐 po

逃离我推掉我的手/ 2022年07月19日 05:57/ 0 赞/ 305 阅读

相关将Ajax请求返回的json数据，转换成json对象

var json = eval("("+data+")");//将json类型字符串转换为json对象注：https://www.cnblogs.com/yuxiaona/

红太狼/ 2021年09月26日 22:50/ 0 赞/ 578 阅读