How to Parse XML using javascript (DOM) and assign to textbox controls?

Question

1.00/5 (1 vote)

See more:

Hi,

I got data form smartcard reader as an xml block with nodes and sub nodes.
How to parse the xml and take data from nodes and inner nodes to a variable or to a textbox. I am using ie6 and above for the application.

Here is the xml am getting in javascript function from the smart card device,

C#

<SmartcardData xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <AddressArabic>Flat/Villa 0 Bldg #:306 Road :605 Rd Name :R 605/طريق605 Block #:306 Block :MANAMA CENTER/وسط المنامة</AddressArabic>
  <AddressEnglish>Flat/Villa 0 Bldg #:306 Road :605 Rd Name :R 605/طريق605 Block #:306 Block :MANAMA CENTER/وسط المنامة</AddressEnglish>
  <ArabicFullName />
  <BirthDate>25/11/1986</BirthDate>
  <CardCountry>BAH</CardCountry>
  <CardexpiryDate>10/03/2019</CardexpiryDate>
  <CardIssueDate>10/03/2014</CardIssueDate>
  <CardSerialNumber>33C000A7EC603C70</CardSerialNumber>
  <EmploymentFlag>C</EmploymentFlag>
  <EmploymentId>1831512</EmploymentId>
  <EmploymentNameArabic>خط الوحدة للتجارة</EmploymentNameArabic>
  <EmploymentNameEnglish>UNIT LINE TRADING</EmploymentNameEnglish>
  <EnglishFullName>NIDHIN CHUVATTAVEEDU</EnglishFullName>
  <FingerprintCode>0</FingerprintCode>
  <Gender>M</Gender>
  <IdNumber>861142772</IdNumber>
  <IsMatchOnCardAvailiable>false</IsMatchOnCardAvailiable>
  <MiscellaneousBinaryData />
  <MiscellaneousTextData>
    <item key="FirstNameArabic" value="" />
    <item key="LastNameArabic" value="" />
    <item key="MiddleName1Arabic" value="" />
    <item key="MiddleName2Arabic" value="" />
    <item key="MiddleName3Arabic" value="" />
    <item key="MiddleName4Arabic" value="" />
    <item key="BloodGroup" value="" />
    <item key="CPRNO" value="861142772" />
    <item key="DateOfBirth" value="19861125" />
    <item key="FirstNameEnglish" value="NIDHIN" />
    <item key="LastNameEnglish" value="CHUVATTAVEEDU" />
    <item key="MiddleName1English" value="" />
    <item key="MiddleName2English" value="" />
    <item key="MiddleName3English" value="" />
    <item key="MiddleName4English" value="" />
    <item key="Gender" value="M" />
    <item key="Email" value="" />
    <item key="ContactNo" value="0" />
    <item key="ResidenceNo" value="" />
    <item key="FlatNo" value="0" />
    <item key="BuildingNo" value="306" />
    <item key="BuildingAlpha" value="" />
    <item key="BuildingAlphaArabic" value="  60" />
    <item key="RoadNo" value="605" />
    <item key="RoadName" value="R 605" />
    <item key="RoadNameArabic" value="طريق605" />
    <item key="BlockNo" value="306" />
    <item key="BlockName" value="MANAMA CENTER" />
    <item key="BlockNameArabic" value="وسط المنامة" />
    <item key="GovernorateNo" value="" />
    <item key="GovernorateNameEnglish" value="CAPITAL" />
    <item key="GovernorateNameArabic" value="العاصمة" />
    <item key="EmployerName1Arabic" value="خط الوحدة للتجارة" />
    <item key="EmployerName2Arabic" value="" />
    <item key="EmployerName3Arabic" value="" />
    <item key="EmployerName4Arabic" value="" />
    <item key="LatestEducationDegreeArabic" value="" />
    <item key="OccupationDescription1Arabic" value="سكرتير" />
    <item key="OccupationDescription2Arabic" value="" />
    <item key="OccupationDescription3Arabic" value="" />
    <item key="OccupationDescription4Arabic" value="" />
    <item key="SponsorNameArabic" value="خط الوحدة للتجارة" />
    <item key="ClearingAgentIndicator" value="F" />
    <item key="EmployerFlag1" value="C" />
    <item key="EmployerFlag2" value="" />
    <item key="EmployerFlag3" value="" />
    <item key="EmployerFlag4" value="" />
    <item key="EmployerName1" value="UNIT LINE TRADING" />
    <item key="EmployerName2" value="" />
    <item key="EmployerName3" value="" />
    <item key="EmployerName4" value="" />
    <item key="EmployerNo1" value="1831512" />
    <item key="EmployerNo2" value="" />
    <item key="EmployerNo3" value="" />
    <item key="EmployerNo4" value="" />
    <item key="EmploymentFlag1" value="0" />
    <item key="EmploymentFlag2" value="" />
    <item key="EmploymentFlag3" value="" />
    <item key="EmploymentFlag4" value="" />
    <item key="LaborForceParticipation" value="1" />
    <item key="LatestEducationDegree" value="" />
    <item key="OccupationDescription1" value="SECRETARY" />
    <item key="OccupationDescription2" value="" />
    <item key="OccupationDescription3" value="" />
    <item key="OccupationDescription4" value="" />
    <item key="SponsorCPRNoorUnitNo" value="1831512" />
    <item key="SponsorFlag" value="T" />
    <item key="SponsorName" value="UNIT LINE TRADING" />
    <item key="LfpNameEnglish" value="WORKING" />
    <item key="LfpNameArabic" value="يعمل" />
    <item key="EnglishCountryName" value="REPUBLIC OF INDIA" />
    <item key="ArabicCountryName" value="جمهوريه الهند" />
    <item key="IACOCode" value="" />
    <item key="Nationality" value="423" />
    <item key="PlaceOfBirth" value="" />
    <item key="ArabicPlaceOfBirth" value="" />
    <item key="CountryOfBirth" value="" />
    <item key="PassportNo" value="H0330877" />
    <item key="PassportType" value="7" />
    <item key="PassportSequnceNo" value="0" />
    <item key="IssueDate" value="20080904" />
    <item key="ExpiryDate" value="20180903" />
    <item key="VisaNo" value="" />
    <item key="VisaExpiryDate" value="" />
    <item key="VisaType" value="" />
    <item key="ResidentPermitNo" value="3608959" />
    <item key="ResidentPermitExpiryDate" value="20160128" />
    <item key="TypeOfResident" value="" />
  </MiscellaneousTextData>
  <NationalityCode>423</NationalityCode>
  <OccupationArabic>سكرتير</OccupationArabic>
  <OccupationEnglish>SECRETARY</OccupationEnglish>
  <PassportExpiryDate>03/09/2018</PassportExpiryDate>
  <PassportIssueDate>04/09/2008</PassportIssueDate>
  <PassportNumber>H0330877</PassportNumber>
  <PassportType>7</PassportType>
  <Photo>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</Photo>
  <Signature>/9j/4AAQSkZJRgABAgAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/wAALCABRAXEBAREA/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/9oACAEBAAA/APX/APhBPB//AEKmh/8Aguh/+Jo/4QTwf/0Kmh/+C6H/AOJo/wCEE8H/APQqaH/4Lof/AImj/hBPB/8A0Kmh/wDguh/+Jo/4QTwf/wBCpof/AILof/iaP+EE8H/9Cpof/guh/wDiaP8AhBPB/wD0Kmh/+C6H/wCJo/4QTwf/ANCpof8A4Lof/iaP+EE8H/8AQqaH/wCC6H/4mj/hBPB//QqaH/4Lof8A4mj/AIQTwf8A9Cpof/guh/8AiaP+EE8H/wDQqaH/AOC6H/4mj/hBPB//AEKmh/8Aguh/+Jo/4QTwf/0Kmh/+C6H/AOJo/wCEE8H/APQqaH/4Lof/AImj/hBPB/8A0Kmh/wDguh/+Jo/4QTwf/wBCpof/AILof/iaP+EE8H/9Cpof/guh/wDiaP8AhBPB/wD0Kmh/+C6H/wCJo/4QTwf/ANCpof8A4Lof/iaP+EE8H/8AQqaH/wCC6H/4mj/hBPB//QqaH/4Lof8A4mj/AIQTwf8A9Cpof/guh/8AiaP+EE8H/wDQqaH/AOC6H/4mj/hBPB//AEKmh/8Aguh/+Jo/4QTwf/0Kmh/+C6H/AOJo/wCEE8H/APQqaH/4Lof/AImj/hBPB/8A0Kmh/wDguh/+Jo/4QTwf/wBCpof/AILof/iaP+EE8H/9Cpof/guh/wDiaP8AhBPB/wD0Kmh/+C6H/wCJo/4QTwf/ANCpof8A4Lof/iaP+EE8H/8AQqaH/wCC6H/4mj/hBPB//QqaH/4Lof8A4mj/AIQTwf8A9Cpof/guh/8AiaP+EE8H/wDQqaH/AOC6H/4mj/hBPB//AEKmh/8Aguh/+Jo/4QTwf/0Kmh/+C6H/AOJo/wCEE8H/APQqaH/4Lof/AImj/hBPB/8A0Kmh/wDguh/+Jo/4QTwf/wBCpof/AILof/iaP+EE8H/9Cpof/guh/wDiaP8AhBPB/wD0Kmh/+C6H/wCJo/4QTwf/ANCpof8A4Lof/iaP+EE8H/8AQqaH/wCC6H/4mj/hBPB//QqaH/4Lof8A4mj/AIQTwf8A9Cpof/guh/8Aia6Ciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiis+HU/N8Q3uk+Tj7NaQXPm7vvea8y7cY4x5Oc553dsc09N8X6HrN+1npd3JfFXKNPa28stuG2B8GdVMWcEcbupA68VuUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUVz+o3GonxzoNlbX3kWLWl5c3cHlK32jYYURdx5XBl3ZHXGD144OC61N/Guv+IPCOj3epPcXqWs9x58a20kH2SAq4jeVDI6P8ykYV0kYB/mDLuaN4dtdf8Q6lqmqxX2oW0tpbRONQhntoZpleZnX7LJgGNQ8W3crAHncz72PoFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFc34o8HW3ie4srqa5kjlsklVIXjSW3nDlCVniYfvE3RocAqcjIIIBFzSdEezs5xfXf2m+urv7Xc3ECtbiRwVCAKHOFVI40xk7gvzZ3NnYooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooor/2QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=</Signature>
  <SponserId>1831512</SponserId>
  <SponserNameArabic>خط الوحدة للتجارة</SponserNameArabic>
  <SponserNameEnglish>UNIT LINE TRADING</SponserNameEnglish>
</SmartcardData>

Posted 13-Jan-16 21:29pm

NIDHIN.C

Updated 13-Jan-16 21:31pm

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 14-Jan-16 10:51am

Why not parsing XML on the server side, where you can enjoy all the power of .NET FCL? Also, it would be safe.
—SA

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

John C Rayan · Answer 1 · 2016-01-13T22:20:00

Solution 1

This will help you.

JavaScript XML Parsing on Microsoft Internet Explorer - Techie Zone[^]

Posted 13-Jan-16 22:20pm

John C Rayan

Comments

NIDHIN.C 14-Jan-16 4:56am

Thanks

NIDHIN.C 14-Jan-16 5:14am

Hi i got text box values from your solution.
But i have one image control in which there is image on load.
Now I got image from card reader in byte[] format. for setting this image to my image control i wrote

document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_previewImage").src = "data:image/png;base64," + document.axSmartcard.SmartcardData.PhotoB64Encoded;

"document.axSmartcard.SmartcardData.PhotoB64Encoded" this is the byte[] image from card reader.
but the image is not getting set on image control.
can u help me?

John C Rayan 14-Jan-16 7:05am

I guess it is Base64 format of the image for byte[] right? Can you show us your code?

NIDHIN.C 14-Jan-16 7:11am

this is the javascript
function invokeReadSmartcard(readerName, atr) {
try {
var result =false;
if (readerName) {
result = document.axSmartcard.ReadKnownInsertedCardFromReader(readerName, atr);
} else {
result = document.axSmartcard.ReadCard();
}
if (result == true) {
alert('Reading done successfully');
// var xml = document.axSmartcard.SmartcardData.SeralizeToXMLString();
// alert(xml);
// var result = xml.getElementsByTagName("EnglishFullName")[0].childNodes[0].nodeValue;
// alert(result);

document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtCprNo_I").value = document.axSmartcard.SmartcardData.IdNumber;
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtfname_I").value = document.axSmartcard.SmartcardData.getDataItemByKey('FirstNameEnglish');
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtMname_I").value = document.axSmartcard.SmartcardData.getDataItemByKey('MiddleName1English');
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtLname_I").value = document.axSmartcard.SmartcardData.getDataItemByKey('LastNameEnglish');
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_ASPxDateEdit1_I").value = document.axSmartcard.SmartcardData.BirthDate;
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtEmployeeCompany_I").value = document.axSmartcard.SmartcardData.EmploymentNameEnglish;
var address = document.axSmartcard.SmartcardData.AddressEnglish;
// "ResidenceNo : " + document.axSmartcard.SmartcardData.getDataItemByKey('ResidenceNo')
// + "\n FlatNo : " + document.axSmartcard.SmartcardData.getDataItemByKey('FlatNo')
// + "\n BuildingNo : " + document.axSmartcard.SmartcardData.getDataItemByKey('BuildingNo')
// + "\n RoadNo : " + document.axSmartcard.SmartcardData.getDataItemByKey('RoadNo')
// + "\n RoadName : " + document.axSmartcard.SmartcardData.getDataItemByKey('RoadName')
// + "\n BlockNo : " + document.axSmartcard.SmartcardData.getDataItemByKey('BlockNo')
// + "\n BlockName : " + document.axSmartcard.SmartcardData.getDataItemByKey('BlockName')
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_txtAddress_I").value = address;
var sex = document.axSmartcard.SmartcardData.Gender;
if (sex = "M") {
alert('reached male');
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_ddlsex_I").value = "Male";
}
else {
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_ddlsex_I").value = "Female";
}
document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_photoImage").src = "data:image/png;base64," + document.axSmartcard.SmartcardData.PhotoB64Encoded;
// document.getElementById("ctl00_ContentPlaceHolder1_ASPxRoundPanel1_previewImage").src = "data:image/png;base64," + document.axSmartcard.SmartcardData.PhotoB64Encoded;
}
else {
alert("Reading failed");
}
} catch (e) {
alert("SDK Error" + e.message);
}
}

and

image control code

<td>
<img id="photoImage" style="width: 150px;

John C Rayan 14-Jan-16 7:19am

if you have <img id="photoImage" style="width: 150px; /> then why do you use ASPX id for the image. Are you missing something here?

John C Rayan · Answer 2 · 2016-01-14T01:09:00

Solution 2

Try this
document.getElementById('ctl00_ContentPlaceHolder1_ASPxRoundPanel1_previewImage').setAttribute( 'src', 'data:image/png;base64,'+ document.axSmartcard.SmartcardData.PhotoB64Encoded)

Make sure that you get the Base64 value correctly for

axSmartcard.SmartcardData.PhotoB64Encoded

Posted 14-Jan-16 1:09am

John C Rayan