从 JSON 中提取数据并显示在 SWAL 警报中

Question

我在尝试将 Json 中的信息显示到警报时遇到问题，这是我的代码。

 function check_values_chbx(){

        var pre_insc = [];
        }).done(function(response){   

            for(i=0; i<response.length; i++){
                           pre_insc[i] = response[0]['personas'][i]['name']+" "+response[0]['personas'][i]['ap_pat']+" "+response[0]['personas'][i]['ap_mat'];                            
                        }
                        alert(pre_insc[1]);
            swal({
              title: "Detalles de inscripcion",
              text: "Participantes que quedaran inscritos: \n\n"+pre_insc.join('\n')+"\n\nCategoria:",    
              buttons: true,
              dangerMode: false,
            }).then((willDelete) => {
              if (willDelete) {
                swal("Participantes registrados con exito, mucha suerte!", {
                  icon: "success",
                });
              }else {
                location.reload();
              }
            });


        });    
        }

这是我的 JSON

[
{
    "personas": [
        {
            "name": "Jessica",
            "ap_pat": "BocaNegra",
            "ap_mat": "Garcia"
        },
        {
            "name": "Fernando",
            "ap_pat": "Soto",
            "ap_mat": "Olivas"
        }
    ],
    "evento": [
        {
            "name": "Carrera larga"
        }
    ],
    "categoria": [
        {
            "name": "Juvenil"
        }
    ]
}
]

我需要像这样打印每个名字：

swal("name1\n"+name2\n"+etc").

如果有人能帮助我，那将非常有帮助，祝你有愉快的一天。

Answer 1

您可以使用下面的脚本递归迭代 json 对象，如果它找到 array 或 Object 直到找到给定 [= 的 text 37=] 如果属性名称为 name 且带有 \n 分隔符，则将它们全部打印出来，您可以在脚本文件中添加以下内容并将其传递给您正在接收和使用的响应使用 sweetAlert 返回的名称，只需确保将响应传递给如下函数

names = jsonParser.getNames(response[0]);

在脚本中添加以下内容

var jsonParser = {
    isObject: function (property) {
        return property && {}.toString.call(property) === '[object Object]';
    },
    isArray: function (property) {
        return property && {}.toString.call(property) === '[object Array]';
    },
    getNames: function (errors) {
        var data = "";

        for (let message in errors) {
            var errorSet = errors;
            if (errorSet.hasOwnProperty(message)) {

                if (jsonParser.isArray(errorSet[message]) || jsonParser.isObject(
                        errorSet[message])) {
                    data += jsonParser.getNames(errors[message]);
                } else if (message == 'name') {
                    data += errorSet[message] + "\n";
                }

            }
        }
        return data;
    }
};

下面给出了从您给定的回复中读取姓名的示例。

var jsonParser = {
  isObject: function(property) {
    return property && {}.toString.call(property) === '[object Object]';
  },
  isArray: function(property) {
    return property && {}.toString.call(property) === '[object Array]';
  },
  convertToString: function(errors) {
    var data = "";

    for (let message in errors) {
      var errorSet = errors;
      if (errorSet.hasOwnProperty(message)) {

        if (jsonParser.isArray(errorSet[message]) || jsonParser.isObject(
            errorSet[message])) {
          data += jsonParser.convertToString(errors[message]);
        } else if (message == 'name') {
          data += errorSet[message] + "\n";
        }

      }
    }
    return data;
  }
};

var response = [{
  "personas": [{
      "name": "Jessica",
      "ap_pat": "BocaNegra",
      "ap_mat": "Garcia"
    },
    {
      "name": "Fernando",
      "ap_pat": "Soto",
      "ap_mat": "Olivas"
    }
  ],
  "evento": [{
    "name": "Carrera larga"
  }],
  "categoria": [{
    "name": "Juvenil"
  }]
}];

var names = '';

names = jsonParser.convertToString(response[0]);

console.log(names);

你的最终脚本应该看起来像

function check_values_chbx(){

        var pre_insc = [];
        }).done(function (response) {

    var names = jsonParser.getNames(response[0]);
    swal({
        title: "Detalles de inscripcion",
        text: "Participantes que quedaran inscritos: \n\n" + names +
            "\n\nCategoria:",
        buttons: true,
        dangerMode: false,
    }).then((willDelete) => {
        if (willDelete) {
            swal("Participantes registrados con exito, mucha suerte!", {
                icon: "success",
            });
        } else {
            location.reload();
        }
    });
});

希望这对你有所帮助

从 JSON 中提取数据并显示在 SWAL 警报中

Extract Data from JSON and display in SWAL alert

php

jquery

json

sweetalert