XML to JSON Converter (Client-side)

XML to JSON Converter

Convert XML documents to JSON format — locally in your browser.

Enter XML:

</i>';globalMessage.classList.add('text-red-600','font-medium');globalMessage.classList.remove('text-green-600','text-gray-600')}else if(type==='success'){iconSpan.innerHTML='<i class="fas fa-check-circle text-green-500 mr-1"></i>';globalMessage.classList.add('text-green-600','font-medium');globalMessage.classList.remove('text-red-600','text-gray-600')}else{iconSpan.innerHTML='<i class="fas fa-info-circle text-gray-400 mr-1"></i>';globalMessage.classList.remove('text-red-600','text-green-600','font-medium');globalMessage.classList.add('text-gray-600')}
globalMessage.appendChild(iconSpan);globalMessage.appendChild(document.createTextNode(text));if(type!=='info'&&duration>0){setTimeout(()=>{globalMessage.innerHTML='';globalMessage.classList.remove('text-red-600','text-green-600','font-medium');globalMessage.classList.add('text-gray-600')},duration)}}
function updatePreview(jsonObj){try{const spaces=indentSpaces.value==='0'?0:parseInt(indentSpaces.value);const jsonStr=JSON.stringify(jsonObj,null,spaces===0?undefined:spaces);jsonPreview.textContent=jsonStr.length>500?jsonStr.substring(0,500)+'...':jsonStr}catch(e){jsonPreview.textContent='Invalid object for preview'}}
prettyPrintXmlBtn.addEventListener('click',()=>{let xml=xmlInput.value;if(!xml.trim())return;let formatted='';let indent=0;const lines=xml.split(/>\s*</);for(let i=0;i<lines.length;i++){let line=lines[i];if(!line.trim())continue;if(line.match(/^\/\w/))indent--;formatted+='  '.repeat(indent)+(i===0?'':'<')+line+(i===lines.length-1?'':'>')+'\n';if(line.match(/^<\w[^>]*[^\/]?>$/g)&&!line.match(/^<\w[^>]*\/>$/))indent++}
xmlInput.value=formatted.trim()});function setActiveTab(active){[tabPaste,tabUpload,tabUrl].forEach(tab=>{tab.classList.remove('bg-violet-600','text-white');tab.classList.add('bg-white','text-gray-700','border')});document.querySelectorAll('.panel').forEach(p=>p.classList.add('hidden'));if(active==='paste'){tabPaste.classList.add('bg-violet-600','text-white');tabPaste.classList.remove('bg-white','text-gray-700');panelPaste.classList.remove('hidden')}else if(active==='upload'){tabUpload.classList.add('bg-violet-600','text-white');tabUpload.classList.remove('bg-white','text-gray-700');panelUpload.classList.remove('hidden')}else if(active==='url'){tabUrl.classList.add('bg-violet-600','text-white');tabUrl.classList.remove('bg-white','text-gray-700');panelUrl.classList.remove('hidden')}}
tabPaste.addEventListener('click',()=>setActiveTab('paste'));tabUpload.addEventListener('click',()=>setActiveTab('upload'));tabUrl.addEventListener('click',()=>setActiveTab('url'));function updateUploadInfo(){const file=xmlFile.files[0];if(file){if(!file.name.toLowerCase().endsWith('.xml')&&!file.type.includes('xml')&&file.type!=='text/xml'&&file.type!=='application/xml'){showMessage('Please select an XML file.','error');xmlFile.value='';uploadFileInfo.classList.add('hidden');return}
uploadFileName.textContent=file.name.length>30?file.name.substring(0,27)+'...':file.name;uploadFileInfo.classList.remove('hidden');const reader=new FileReader();reader.onload=(e)=>{currentXmlContent=e.target.result;currentFileName=file.name.replace(/\.xml$/i,'')+'.json';showMessage(`Loaded XML file`,'success')};reader.readAsText(file)}else{uploadFileInfo.classList.add('hidden');currentXmlContent=null}}
xmlFile.addEventListener('change',updateUploadInfo);clearUpload.addEventListener('click',()=>{xmlFile.value='';uploadFileInfo.classList.add('hidden');currentXmlContent=null;showMessage('File cleared','info')});['dragenter','dragover','dragleave','drop'].forEach(ev=>{uploadDropZone.addEventListener(ev,(e)=>e.preventDefault())});['dragenter','dragover'].forEach(ev=>{uploadDropZone.addEventListener(ev,()=>{uploadDropZone.classList.add('border-violet-500','bg-violet-50')})});['dragleave','drop'].forEach(ev=>{uploadDropZone.addEventListener(ev,()=>{uploadDropZone.classList.remove('border-violet-500','bg-violet-50')})});uploadDropZone.addEventListener('drop',(e)=>{const dt=e.dataTransfer;const file=dt.files[0];if(file&&(file.name.toLowerCase().endsWith('.xml')||file.type.includes('xml'))){xmlFile.files=dt.files;updateUploadInfo()}else{showMessage('Please drop an XML file.','error')}});fetchUrlBtn.addEventListener('click',async()=>{const url=urlInput.value.trim();if(!url){showMessage('Please enter a URL','error');return}
fetchUrlBtn.disabled=!0;showMessage('Fetching...','info');try{const response=await fetch(url);if(!response.ok)throw new Error(`HTTP ${response.status}`);const xmlText=await response.text();currentXmlContent=xmlText;currentFileName='remote_data.json';showMessage(`Loaded XML from URL`,'success')}catch(err){showMessage('Fetch error: '+err.message,'error');currentXmlContent=null}finally{fetchUrlBtn.disabled=!1}});function xmlToJson(xmlString,ignoreAttrsFlag,alwaysArrayFlag){const parser=new DOMParser();const xmlDoc=parser.parseFromString(xmlString,'application/xml');const parseError=xmlDoc.getElementsByTagName('parsererror');if(parseError.length){throw new Error('Invalid XML: '+parseError[0].textContent)}
function convertElement(element){const obj={};const nodeName=element.nodeName;if(!ignoreAttrsFlag&&element.attributes&&element.attributes.length>0){obj['@attributes']={};for(let attr of element.attributes){obj['@attributes'][attr.nodeName]=attr.nodeValue}}
const childNodes=element.childNodes;const childCount=childNodes.length;if(childCount===1&&childNodes[0].nodeType===Node.TEXT_NODE){const text=childNodes[0].nodeValue.trim();if(text)obj['#text']=text}else{const elementChildren=[];for(let child of childNodes){if(child.nodeType===Node.ELEMENT_NODE){elementChildren.push(child)}}
if(elementChildren.length>0){for(let child of elementChildren){const childName=child.nodeName;const childObj=convertElement(child);if(alwaysArrayFlag){if(!obj[childName])obj[childName]=[];obj[childName].push(childObj)}else{if(obj.hasOwnProperty(childName)){if(!Array.isArray(obj[childName])){obj[childName]=[obj[childName]]}
obj[childName].push(childObj)}else{obj[childName]=childObj}}}}}
return obj}
const root=xmlDoc.documentElement;const rootObj=convertElement(root);return{[root.nodeName]:rootObj}}
convertBtn.addEventListener('click',()=>{let xmlText=null;let filename='data.json';if(currentXmlContent){xmlText=currentXmlContent;filename=currentFileName}else{xmlText=xmlInput.value.trim();if(!xmlText){showMessage('Please provide XML data (paste, file, or URL)','error');return}
filename='converted.json'}
const ignoreAttrsFlag=ignoreAttrs.checked;const alwaysArrayFlag=alwaysArray.checked;const spaces=indentSpaces.value==='0'?0:parseInt(indentSpaces.value);spinner.classList.remove('hidden');convertBtn.disabled=!0;showMessage('Converting...','info');setTimeout(()=>{try{const jsonObj=xmlToJson(xmlText,ignoreAttrsFlag,alwaysArrayFlag);const jsonOutput=JSON.stringify(jsonObj,null,spaces===0?undefined:spaces);updatePreview(jsonObj);const blob=new Blob([jsonOutput],{type:'application/json;charset=utf-8;'});const url=URL.createObjectURL(blob);const link=document.createElement('a');link.href=url;link.download=filename;document.body.appendChild(link);link.click();document.body.removeChild(link);URL.revokeObjectURL(url);showMessage(`✅ Converted XML to JSON`,'success')}catch(err){showMessage('Conversion error: '+err.message,'error');jsonPreview.textContent='Error: '+err.message}finally{spinner.classList.add('hidden');convertBtn.disabled=!1}},50)});setActiveTab('paste');xmlInput.value='<catalog>\n  <book id="101">\n    <author>John Doe</author>\n    <title>XML Guide</title>\n  </book>\n  <book id="102">\n    <author>Jane Smith</author>\n    <title>Advanced XML</title>\n  </book>\n</catalog>'})()</script> </body></html><div class="xs_social_share_widget xs_share_url after_content 		main_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content"><ul></ul></div></div></div></article><nav class="navigation post-navigation" aria-label="Posts"><div class="nav-links"><div class="nav-previous"><a title="JSON to XML" href="https://toolquicker.com/json-to-xml/" rel="prev"><span class="ast-post-nav" aria-hidden="true"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M134.059 296H436c6.627 0 12-5.373 12-12v-56c0-6.627-5.373-12-12-12H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.569 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971V296z'></path></svg></span> Previous</span><p> JSON to XML</p></a></div><div class="nav-next"><a title="JSON to CSV" href="https://toolquicker.com/json-to-csv/" rel="next"><span class="ast-post-nav" aria-hidden="true">Next <span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'></path></svg></span></span><p> JSON to CSV</p></a></div></div></nav><div class="ast-single-related-posts-container ast-container--"><div class="ast-related-posts-title-section"><h2 class="ast-related-posts-title"> Related Posts</h2></div><div class="ast-related-posts-wrapper"><article class="ast-related-post post-312 post type-post status-publish format-standard hentry category-uncategorized"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section ast-no-thumb"></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title">
<a href="https://toolquicker.com/merge-pdf/" target="_self" rel="bookmark noopener noreferrer">Merge PDF</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="posted-on"><span class="published" itemprop="datePublished"> March 16, 2026 </span></span> / <span class="ast-taxonomy-container cat-links default"><a href="https://toolquicker.com/category/uncategorized/" rel="category tag">Uncategorized</a></span> / By <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author">			<a title="View all posts by dibyajyoti.mohanta9@gmail.com"
href="https://toolquicker.com/author/dibyajyoti-mohanta9gmail-com/" rel="author"
class="url fn n" itemprop="url"				>
<span
class="author-name" itemprop="name"				>
dibyajyoti.mohanta9@gmail.com			</span>
</a>
</span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-314 post type-post status-publish format-standard hentry category-uncategorized"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section ast-no-thumb"></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title">
<a href="https://toolquicker.com/split-pdf/" target="_self" rel="bookmark noopener noreferrer">Split PDF</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="posted-on"><span class="published" itemprop="datePublished"> March 16, 2026 </span></span> / <span class="ast-taxonomy-container cat-links default"><a href="https://toolquicker.com/category/uncategorized/" rel="category tag">Uncategorized</a></span> / By <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author">			<a title="View all posts by dibyajyoti.mohanta9@gmail.com"
href="https://toolquicker.com/author/dibyajyoti-mohanta9gmail-com/" rel="author"
class="url fn n" itemprop="url"				>
<span
class="author-name" itemprop="name"				>
dibyajyoti.mohanta9@gmail.com			</span>
</a>
</span></div></header><div class="entry-content clear"></div></div></div></article></div></div><div id="comments" class="comments-area comment-form-position-below "><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/xml-to-json/#respond" style="display:none;">Cancel Reply</a></small></h3><form action="https://toolquicker.com/wp-comments-post.php" method="post" id="ast-commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><div class="ast-row comment-textarea"><fieldset class="comment-form-comment"><legend class ="comment-form-legend"></legend><div class="comment-form-textarea ast-grid-common-col"><label for="comment" class="screen-reader-text">Type here..</label><textarea id="comment" name="comment" placeholder="Type here.." cols="45" rows="8" aria-required="true">

Name*

Email*

Website