Update XML string with jQuery

Question

I'm new to javascript and jQuery. I'm trying to get an XML string, update the value of one of the elements and get the new XML.

var header = "<RECORDS>" +
  "<USERDATA>" +
  "<USERID>ABC</USERID>" +
  "<UTEMPLATE>NEWLOAN</UTEMPLATE>" +
  "<FILEID></FILEID>" +
  "<ENTITY>DW</ENTITY>" +
  "</USERDATA>" +
  "</RECORDS>";

var fileID = "XXXXXXXXXXXXXXX";

var xDoc = $.parseXML(header);
var $xml = $(xDoc);

var $elmFileID = $xml.find("FILEID");

$elmFileID.text(fileID);

This is what I have so for from examples I've seen but I don't know if it's right or what to do next.

What I want is a resulting string(either the existing header var or even a new var) with the content of the FILEID element as "XXXXXXXXXXXXXXX". Eventually that string will come from a service.

Pedro Martins · Accepted Answer · 2016-01-14 00:47:56Z

1

You can use it this way:

var header = "<RECORDS>" +
  "<USERDATA>" +
  "<USERID>ABC</USERID>" +
  "<UTEMPLATE>NEWLOAN</UTEMPLATE>" +
  "<FILEID></FILEID>" +
  "<ENTITY>DW</ENTITY>" +
  "</USERDATA>" +
  "</RECORDS>";

var fileID = "XXXXXXXXXXXXXXX";

/* Convert Text to XML Object */
var xDoc = $.parseXML(header);

/* Change the fields required */
$(xDoc).find('FILEID').text(fileID)

/* Back to Text */
var newHeader = (new XMLSerializer()).serializeToString(xDoc);

/* Show changed XML */
console.log(newHeader);

answered Jan 14, 2016 at 0:47

Pedro Martins

8746 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JLRishe · Accepted Answer · 2016-01-14 00:49:48Z

You can use an XMLSerializer, with a fallback to the .xml property if XMLSerializer is not available (e.g. in older versions of IE):

function xmlToString(xmlData) { 
    if (window.XMLSerializer){
        return (new XMLSerializer()).serializeToString(xmlData);
    }

    return xmlData.xml;
}

var header = "<RECORDS>" +
  "<USERDATA>" +
  "<USERID>ABC</USERID>" +
  "<UTEMPLATE>NEWLOAN</UTEMPLATE>" +
  "<FILEID></FILEID>" +
  "<ENTITY>DW</ENTITY>" +
  "</USERDATA>" +
  "</RECORDS>";

var fileID = "XXXXXXXXXXXXXXX";

var xDoc = $.parseXML(header);
var $xml = $(xDoc);

var $elmFileID = $xml.find("FILEID");

$elmFileID.text(fileID);
    

console.log(xmlToString(xDoc));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Collectives™ on Stack Overflow

Update XML string with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related