Javascript 如何使用AJAX调用以漂亮的格式为UI打印JSON数组
我试图以一种模式验证数据。如果出现错误,将显示一个警报框。我将以以下格式获取API的输出: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无效 由于测试(或相应值之间的任何自定义字符串),类别无效 假设
[{"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'});
}
},
})