CODEWITHSUNDEEP
angulartypescriptangular2-servicesangular2-nativescript
dreamdeveloper
dreamdeveloper

Reputation: 1276

Angular2: Convert XML to JSON

I wanted to convert the XML I received from Web API response to JSON in Angular 2. The application is developed in Nativescript. Not able to find a solution for this.

Upvotes: 8

Views: 26046

Answers (3)

Malick
Malick

Reputation: 527

This is if you are doing a POST and getting back XML response using Angular 2: Use xml2js - https://www.npmjs.com/package/xml2js

  1. npm install xml2js --save

  2. import in service file as:

    import * as xml2js from 'xml2js';

  3. Code: 

    let formdata = new URLSearchParams();
formdata.set('username','username');
formdata.set('pw','pw'); 
let headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded' });

let options = new RequestOptions({ headers: headers, method: RequestMethod.Post});

postData () {

     this.http.post(this._yourUrl, formdata.toString(), options)
     //convert to JSON here
     .map(res => {
            xml2js.parseString( res.text(), function (err, result) {
            console.dir(result); // Prints JSON object!
         });
     })
     .subscribe(data => { 
          console.log(data);              
     });
}

Upvotes: 6

Pankaj kumar
Pankaj kumar

Reputation: 31

function parseXml(xmlStr) {
    var result;
    var parser = require('xml2js');
    parser.Parser().parseString(xmlStr, (e, r) => {result = r});
    return result;
}

Upvotes: 0

wuno
wuno

Reputation: 9885

I found an amazing package to make this very simple.

xml2js

For me on I am doing it in an angular 2 application but on the node side. 

npm install xml2js --save

It is literally as simple as passing the xml like this,

var parseString = require('xml2js').parseString;
var xml = "<root>Hello xml2js!</root>"
parseString(xml, function (err, result) {
    console.dir(result);
});

In my app I had an xml file and used it like this,

var fs = require('fs');
var parseString = require('xml2js').parseString;

function requestCreditReport(callback) {
    fs.readFile('./credit-api/response.xml', 'utf8', function (err,data) {
        if (err) return callback(err);
        parseString(data, callback);
    });
}

See this jsfiddle

I hope this helps.

Upvotes: 7

Related Questions