Saturday 7 December 2019

javascript - Parse Json data in Jquery

Answer


Answer




I am new to Jquery, Ajax and JSON.
I am facing issue with the parsing of Json data.
I have been through many questions on stackoverflow



Parsing JSON objects for HTML table




Access / process (nested) objects, arrays or JSON



Parse JSON in JavaScript?



How could I parse through this JSON object in JQuery?



and many more...



Still I am not able to parse the Json data.




My Jquery Looks like :



$.ajax({
/* type : "POST", */
url : "launchapptest",
/* contentType: "application/json; charset=utf-8", */
data : "processDateInput="+processDate,
dataType : "json",
async: true,

success : function(result) {
var od = JSON.stringify(result) ;
var obj = JSON.parse(od);

console.log(obj.od);
console.log(obj.od.percentageCompleted);

console.log(od);
$.each(JSON.parse(od), function(idx, obj) {
console.log(obj.tagName);

});
}
});


I have tried all the combinations to parse this data, but the js console print as "undefined"



I am able to print the json object as :



{

"od": [
{
"dateProcessed": [
"09/11/2014",
"10/11/2014",
"11/11/2014",
"12/11/2014"
],
"percentageCompleted": 25,
"processRunning": 0,

"remainingTime": 0,
"successBatchCount": 0,
"totalBatchCount": 0
}
],
"processDateInput": "12/11/2014"
}


Please help me how can I fetch dateProcessed array and percentage complete.



Answer



Try this code.



$.ajax({
/* type : "POST", */
url: "launchapptest",
/* contentType: "application/json; charset=utf-8", */
data: "processDateInput=" + processDate,
dataType: "json",
async: true,

success: function (result) {
var od = JSON.stringify(result);
var obj = JSON.parse(od);

$.each(obj, function (index, value) {
console.log(obj[index][0].percentageCompleted);
console.log(obj[index][0].processRunning);
console.log(obj[index][0].remainingTime);
console.log(obj[index][0].successBatchCount);
console.log(obj[index][0].totalBatchCount);

console.log(obj.processDateInput);
$.each(obj[index][0].dateProcessed, function (ind, val) {
console.log(val);
})
});

}
});

No comments:

Post a Comment

php - file_get_contents shows unexpected output while reading a file

I want to output an inline jpg image as a base64 encoded string, however when I do this : $contents = file_get_contents($filename); print &q...