I have a JSON response where I have count of 3 records like below
(3) [{…}, {…}, {…}] 0 : {IMG_TYPE: 'Panaromic', IMAGES: '120.jpg,150.jpg,180.jpg,210.jpg,240.jpg,270.jpg,90.jpg,90270.jpg'} 1 : {IMG_TYPE: 'Satellite', IMAGES: '4819.jpg,5520.jpg,7411.jpeg,935.jpg,O3B.jpg'} 2 : {IMG_TYPE: 'SitePlot', IMAGES: 'Anti Bribery & Anti Corruption Policy (2021 - 22).pdf'}
With above JSON Response I want to bind the data in my control in front. But in below $.each(JsonObject, function (index, Value) it’s not getting inside that each loop and getting outside the loop.
Below is the Jquery for the same
function getImages(JsonObject, SAPID, CANDIDATEID) {
try {
var SapID_CandidateID = SAPID + "_" + CANDIDATEID;
var ImagePath = SapID_CandidateID + "/";
$.each(JsonObject, function (index, Value) {
if (Value["IMG_TYPE"] == EnumImageType.PanaromicImage) {
var PanaromicImages = Value["IMAGES"].split(',');
for (i = 0; i < PanaromicImages.length; i++) {
var ImgNameID = PanaromicImages[i].split('.');
var ImgID = "Img" + Value["IMG_TYPE"] + ImgNameID[0];
var ImgObj = document.getElementById(ImgID);
ImgObj.src = SharedFilePath + ImagePath + Value["IMG_TYPE"] + "/" + PanaromicImages[i];
$(ImgObj).attr("data-imagename", PanaromicImages[i]);
}
}
else if (Value["IMG_TYPE"] == EnumImageType.SatalliteImage) {
var SatelliteImages = Value["IMAGES"].split(',');
for (i = 0; i < SatelliteImages.length; i++) {
var ImgNameID = SatelliteImages[i].split('.');
var ImgID = "Img" + Value["IMG_TYPE"] + ImgNameID[0];
var ImgObj = document.getElementById(ImgID);
ImgObj.src = SharedFilePath + ImagePath + Value["IMG_TYPE"] + "/" + SatelliteImages[i];
$(ImgObj).attr("data-imagename", SatelliteImages[i]);
}
}
else if (Value["IMG_TYPE"] == EnumImageType.SitePlotImage) {
var SitePlotImages = Value["IMAGES"];
var pdfImage = SitePlotImages.split('.');
if (pdfImage[1] == 'pdf') {
parent.document.getElementById('PdfPathLink').style.display = 'block';
parent.document.getElementById('PdfPathLink').href = SharedFilePath + ImagePath + Value["IMG_TYPE"] + "/" + SitePlotImages;
parent.document.getElementById('PdfPathLink').innerText = SitePlotImages;
document.getElementById('ImgSitePlotManual').style.display = 'none';
}
else {
parent.document.getElementById('PdfPathLink').style.display = 'none';
var ImgID = "ImgSitePlotManual";
var ImgObj = document.getElementById(ImgID);
ImgObj.src = SharedFilePath + ImagePath + Value["IMG_TYPE"] + "/" + SitePlotImages;
$(ImgObj).attr("data-imagename", SitePlotImages);
}
}
});
} catch (e) {
}
}UPDATE
The above JSON comes from the below code :-
function BindDataTableToJSON(strVal) {
try {
var VSATData = JSON.parse(strVal);
var getJSONValue = VSATData.Table[0];
var getJSONImageData = VSATData.Table1;
getImages(getJSONImageData, getJSONValue.SAP_ID, getJSONValue.CANDIDATE_ID);
}Also the strVal json is something like below
'{"Table":[{"SAP_ID":"I-HP-PARK-ENB-9005","CANDIDATE_ID":"C1","STATE":"Himachal Pradesh","SITETYPE":"eNodeB","SITE_NAME":"Thandal","CANDIDATESTATUS":"Vendor Survey Form Filled","SITEID":null,"PRIORITYSITE":"P1","CIRCLE":"HIMACHAL PRADESH","VSATSTATUS":"Save As Draft","LATITUDE":32.9185,"LONGITUDE":76.4676,"SITE_ID":null,"PRIORITY_SITE":null,"SITE_NAME1":"Thandal","LATITUDE1":null,"LONGITUDE1":null,"CONTACT_DETAILS":null,"SURVEY_LATITUDE":null,"SURVEY_LONGITUDE":null,"VENDOR_SITE_CODE":null,"SITE_TYPE":"OWN BUILD","SITE_PLOT_DIMENSION":"12*12","SITE_TECHNOLOGY":"TDMA","SITE_MOUNT_TYPE":"PM","SITE_ANTENNA_SIZE":"1.2","SITE_AMSL":12.0,"SPACE_AVAILABLE_12YESNO":"YES","SPACE_AVAILABLE_24YESNO":"YES","SPACE_AVAILABLE_38YESNO":"YES","SPACE_AVAILABLE_46YESNO":"YES","SPACE_AVAILABLE_105YESNO":"YES","SITE_IDENTIFIER_POPULATION":"Religious Place","SITE_IDENTIFIER_POP_DESC":"sewww","ROOFTOP_SITE":"YES","NO_OF_BUILDINGS":13.0,"STANDARD_SPACE_REQ":"12","STRUCTURAL_STABILITY_CERT":"NA","HEIGHT_OF_ANTENNA":12.0,"SATELLITE_BAND":"KU","VENDOR_TO_BE_ADDED":"NELCO","VENDOR_TO_BE_ADDED_OTHERS":null,"SCOPE_TO_BE_ADDED":"PARAKRAM","AZIMUTH_60_E":0.0,"AZIMUTH_95_E":0.0,"AZIMUTH_83_E":0.0,"AZIMUTH_935_E":0.0,"AZIMUTH_74_E":0.0,"AZIMUTH_48_E":0.0,"AZIMUTH_55_20_E":0.0,"AZIMUTH_55_29_E":0.0,"ELEVATION_60_E":0.0,"ELEVATION_95_E":0.0,"ELEVATION_83_E":0.0,"ELEVATION_935_E":0.0,"ELEVATION_74_E":0.0,"ELEVATION_48_E":0.0,"ELEVATION_55_20_E":0.0,"ELEVATION_55_29_E":0.0,"ANTENNA_DISTANCE_NEAR_AIRPORT":233.0,"AIRPORT_NAME":"Pune airport","GSAT_LOS_12_83E":"NO","GSAT_LOS_E_60E":"NO","GSAT_LOS_17_935E":"NO","GSAT_LOS_12_95E":"NO","GSAT_LOS_11_74E":"NO","GSAT_LOS_19_48E":"NO","GSAT_LOS_20_55E":"NO","GSAT_LOS_29_55E":"NO","O3BCLASSIC":"NO","O3BMPOWER":"YES","GSAT_LOS_12_83_OBS":"NO","GSAT_LOS_60E_OBS":"NO","GSAT_LOS_17_935E_OBS":"NO","GSAT_LOS_12_95_OBS":"NO","GSAT_LOS_11_74_OBS":"NO","GSAT_LOS_19_48_OBS":"NO","GSAT_LOS_20_55_OBS":"NO","GSAT_LOS_29_55_OBS":"NO","O3BCLASSIC_OBS":null,"O3BMPOWER_OBS":"YES","GSAT_LOS_12_83_AZM_ELE":"NO","GSAT_LOS_60_AZM_ELE":"NO","GSAT_LOS_17_935_AZM_ELE":"NO","GSAT_LOS_12_95_AZM_ELE":"NO","GSAT_LOS_11_74_AZM_ELE":"NO","GSAT_LOS_19_48_AZM_ELE":"NO","GSAT_LOS_20_55_AZM_ELE":"NO","GSAT_LOS_29_55_AZM_ELE":"NO","GSAT_LOS_03B_CLASSIC_AZM":"NO","GSAT_LOS_03B_MPOWER_AZM":"YES","CIRCLE1":"HIMACHAL PRADESH","PDF_PATH":"https://nvmbd1bkh150v02.rjil.ril.com/VSAT/NESSPATH/VSAT/I-HP-PARK-ENB-9005_C1//SignedDoc//Anti Bribery & Anti Corruption Policy (2021 - 22).pdf","SITE_APPROVED_NOTAPPROVED":null,"GSAT_12_83_OBSTYPE":null,"GSAT_12_83_OBSTYPE_OTH":null,"GSAT_E_60_OBSTYPE":null,"GSAT_E_60_OBSTYPE_OTH":null,"GSAT_17_935_OBSTYPE":null,"GSAT_17_935_OBSTYPE_OTH":null,"GSAT_12_95_OBSTYPE":null,"GSAT_12_95_OBSTYPE_OTH":null,"GSAT_11_74_OBSTYPE":null,"GSAT_11_74_OBSTYPE_OTH":null,"GSAT_19_48_OBSTYPE":null,"GSAT_19_48_OBSTYPE_OTH":null,"GSAT_20_25_OBSTYPE":null,"GSAT_20_25_OBSTYPE_OTH":null,"GSAT_29_55_OBSTYPE":null,"GSAT_29_55_OBSTYPE_OTH":null,"GSAT_03BCLASSIC_OBSTYPE":null,"GSAT_03BCLASSIC_OBSTYPE_OTH":null,"GSAT_03BMPOWER_OBSTYPE":"Building","GSAT_03BMPOWER_OBSTYPE_OTH":null,"GSAT_HEIGHT_OBS_1283":0.0,"GSAT_HEIGHT_OBS_E60":0.0,"GSAT_HEIGHT_OBS_17935":0.0,"GSAT_HEIGHT_OBS_1295":0.0,"GSAT_HEIGHT_OBS_1174":0.0,"GSAT_HEIGHT_OBS_1948":0.0,"GSAT_HEIGHT_OBS_2055":0.0,"GSAT_HEIGHT_OBS_2955":0.0,"GSAT_HEIGHT_OBS_O3BCLASS":0.0,"GSAT_HEIGHT_OBS_O3BMPOWER":12.0,"GSAT_DIST_OBS_12_83":0.0,"GSAT_DIST_OBS_E_60":0.0,"GSAT_DIST_OBS_17_935":0.0,"GSAT_DIST_OBS_12_95":0.0,"GSAT_DIST_OBS_11_74":0.0,"GSAT_DIST_OBS_19_48":0.0,"GSAT_DIST_OBS_20_55":0.0,"GSAT_DIST_OBS_29_55":0.0,"GSAT_DIST_OBS_O3CLASS":0.0,"GSAT_DIST_OBS_O3BMPOWER":24.0,"CAN_LOS_GSAT_1283":"NO","CAN_LOS_GSAT_E_60":"NO","CAN_LOS_GSAT_17_935":"NO","CAN_LOS_GSAT_12_95":"NO","CAN_LOS_GSAT_11_74":"NO","CAN_LOS_GSAT_19_48":"NO","CAN_LOS_GSAT_20_55":"NO","CAN_LOS_GSAT_29_55":"NO","CAN_LOS_GSAT_O3B_CLASS":"NO","CAN_LOS_GSAT_O3B_MPOWER":"YES","CABLE_LENGTH_IFL":"23","CABLE_LENGTH_DC":"23","CABLE_LENGTH_ETHERNET":"23","ANY_CABLE_DIGGING_LAN_DC":"YES","DETAILED_SITE_LAYOUT":"test","CABLE_LEN_EARTH_ANTENNA":"12","CABLE_LEN_EARTH_ODU":"12","NEAREST_ELEC_TAPPING":"12","AC_POWER_SOCKET_3NOS_5AMP":"12","MONKEY_CAGE_REQ":"YES","ACCESS_TO_SITE":"YES","SITE_TRANSPORATION_MODE_CITY":null,"SITE_TRANSPORATION_MODE_TOWN":null,"SITE_TRANSPORATION_MODE_VILLAGE":null,"SITE_TRANSPORATION_MODE_PANCHAYAT":null,"DISTANCE_KM_CITY":0.0,"DISTANCE_KM_TOWN":0.0,"DISTANCE_KM_VILLAGE":0.0,"DISTANCE_KM_PANCHAYAT":0.0,"MODE_OF_TRANSPORTATION":"Air","HIGH_FLOOD_LEVEL":"23","PRESENCE_MOBILE_OPERATOR":"No","OPERATOR_NAME":null,"BACKHAUL":"MW","NEAREST_ACC_TRANSPORT_POINT":"test on 01-Aug2024","SITE_APPROVED_NOT_APPROVED":"Site Not Approved","VENDOR_REMARKS":"test","COMPANY1":null,"COMPANY2":null,"COMPANY3":null,"COMPANY4":null,"NAME1":null,"NAME2":null,"NAME3":null,"NAME4":null,"DESIGNATION1":null,"DESIGNATION2":null,"DESIGNATION3":null,"DESIGNATION4":null,"SURVEY_DATE1":null,"SURVEY_DATE2":null,"SURVEY_DATE3":null,"SURVEY_DATE4":null,"REMARKS1":null,"REMARKS2":null,"REMARKS3":null,"REMARKS4":null}],"Table1":[{"IMG_TYPE":"Panaromic","IMAGES":"120.jpg,150.jpg,180.jpg,210.jpg,240.jpg,270.jpg,90.jpg,90270.jpg"},{"IMG_TYPE":"Satellite","IMAGES":"4819.jpg,5520.jpg,7411.jpeg,935.jpg,O3B.jpg"},{"IMG_TYPE":"SitePlot","IMAGES":"Anti Bribery & Anti Corruption Policy (2021 - 22).pdf"}]}'