Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.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
Javascript 如何使用AJAX调用以漂亮的格式为UI打印JSON数组_Javascript_Jquery_Json_Ajax - Fatal编程技术网

Javascript 如何使用AJAX调用以漂亮的格式为UI打印JSON数组

Javascript 如何使用AJAX调用以漂亮的格式为UI打印JSON数组,javascript,jquery,json,ajax,Javascript,Jquery,Json,Ajax,我试图以一种模式验证数据。如果出现错误,将显示一个警报框。我将以以下格式获取API的输出: [{"Column":"ReportId","Result":"Invalid","Value":"repTest"}, {"Column":"Category","Result":"Invalid","Value":"testing"}] 我想让用户更容易阅读。如何在警报框中获得类似以下内容的输出: 由于repTest,ReportId无效 由于测试(或相应值之间的任何自定义字符串),类别无效 假设

我试图以一种模式验证数据。如果出现错误,将显示一个警报框。我将以以下格式获取API的输出:

[{"Column":"ReportId","Result":"Invalid","Value":"repTest"}, 
{"Column":"Category","Result":"Invalid","Value":"testing"}]
我想让用户更容易阅读。如何在警报框中获得类似以下内容的输出:


由于repTest,ReportId无效
由于测试(或相应值之间的任何自定义字符串),类别无效


假设最后一个
中的
数据
,如果示例中的
条件是JSON字符串,则首先需要将其解析为一个对象数组。从那里,您可以循环使用它并构建字符串输出:

let data='[{“Column”:“ReportId”,“Result”:“Invalid”,“Value”:“repTest”},{“Column”:“Category”,“Result”:“Invalid”,“Value”:“testing”}
让arr=JSON.parse(数据);
var message=arr.map(o=>`${o.Column}是${o.Result},因为${o.Value}`)。join('\r\n');

控制台日志(消息)请发布预期输出alos.ReportId无效,原因是repTest新行类别无效,原因是测试我能够以所需格式打印它,但它不会更改行。2个不同的值用空格分隔:“在exp1threshold中,该值不符合定义的可调参数格式。:12在exp2threshold中,该值不能完全按字母顺序排列:awd”这取决于输出值的位置。如果它进入HTML元素,请尝试将
'\r\n'
更改为
'
'
  $.ajax({
        type: 'POST',
        url: 'validate_report',
        contentType: 'application/json',
        data: JSON.stringify(AddreportRepoFinalObj),
        success: function (data) {
            if(data.indexOf('Failure') > -1){
                var e=JSON.stringify(data);
                pwIsf.alert({msg:'Failure'+e ,type:'error'});   
            }
            else if(data.indexOf('Success')>-1) 
            {
                document.getElementById('btn_addUpdate').removeAttribute('disabled')
                pwIsf.alert({msg:'Valid',type:'info'}); 
                $(validAddRepbtn).off();      
            }
            else{
                var a=data;                            // I want to access the value part here from the data. Like I want to get rcaReportID, Invalid and repTest only and not column result and value
               pwIsf.alert({msg:a, type:'error'}); 
            }
        },


    })