How do I JSON.parse a string with HTML tag?

Question

I have a string like this:

{"Restriction":"<wbr><a href=\"https://www.google.com.tw/#q=%E4%B8%AD%E5%9C%8B\" 
target=\"_blank\"><span style=\"color: rgb(0, 0, 205);\">more info</span></a></wbr>"}

but I can't parse it with JSON.parse. My code looks like this:

var s = '{"Restriction":"<wbr><a href=\"https://www.google.com.tw/#q=%E4%B8%AD%E5%9C%8B\" target=\"_blank\"><span style=\"color: rgb(0, 0, 205);\">more info</span></a></wbr>"}';
var obj = JSON.parse(s);

and I got the error:

Uncaught SyntaxError: Unexpected token.

My guess is 「\"」 made something wrong, but I can't change the string because I got it from a call to a remote API. Here's my code:

// We need this to build our post string
var querystring = require('querystring');
var http = require('http');
var fs = require('fs');

function PostCode(codestring) {

  // An object of options to indicate where to post to
  var post_options = {
      host: 'api.domain',
      port: '80',
      path: '/webservice/service.asmx/method?key=123456',
      method: 'GET',
      headers: {
          'Content-Type': 'text/plain'
      }
  };

  // Set up the request
  var post_req = http.request(post_options, function(res) {
      res.setEncoding('utf8');
      res.on('data', function (chunk) {
        var x = {};
          console.log('Response down');
          x = JSON.parse(chunk);
      });
  });

  post_req.end();

}
PostCode();

I got it from a call to a remote API. How it can be truth? I think, you're copypasted API answer and use as-is in your code.. Your string actualy doesn't have backslashes, replace can't to help here. — vp_arth
– vp_arth, Commented Nov 8, 2015 at 16:46

vp_arth · Accepted Answer · 2015-11-08 16:42:08Z

5

It's not a valid JSON. Backslashes should be escaped too.

var s = '{"Restriction":"<wbr><a href=\\"https://www.google.com.tw/#q=%E4%B8%AD%E5%9C%8B\\" target=\\"_blank\\"><span style=\\"color: rgb(0, 0, 205);\\">more info</span></a></wbr>"}';
JSON.parse(s); // correct

I think, you should post bug report to this remote API.

edited Nov 8, 2015 at 16:42

answered Nov 8, 2015 at 16:34

vp_arth

15k4 gold badges43 silver badges72 bronze badges

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

Comments

vp_arth · Accepted Answer · 2015-11-08 16:54:50Z

2

You can't to parse the chunk of data, you need to load all.

  var post_req = http.request(post_options, function(res) {
      res.setEncoding('utf8');
      var json = '';
      res.on('data', function (chunk) {
        // Why this arg called chunk? That's not all data yet
        json += chunk;
      });
      res.on('end', function(){
         // Here we get it all
         console.log(JSON.parse(json));
      });

  });

answered Nov 8, 2015 at 16:54

vp_arth

15k4 gold badges43 silver badges72 bronze badges

Comments

Brane · Accepted Answer · 2015-11-08 16:07:32Z

1

You can use replace:

var s = '{"Restriction":"<wbr><a href=\"https://www.google.com.tw/#q=%E4%B8%AD%E5%9C%8B\" target=\"_blank\"><span style=\"color: rgb(0, 0, 205);\">more info</span></a></wbr>"}';
console.log(s);
console.log(s.replace(/\"/g, ""));

answered Nov 8, 2015 at 16:07

Brane

3,3492 gold badges47 silver badges56 bronze badges

Comments

andrrs · Accepted Answer · 2015-11-08 16:07:48Z

0

To parse those html attributes you would need to double escape the quotes: \\" because they are two layers down. Or, preferably maybe, use single quotes for the attributes.

edited Nov 8, 2015 at 16:07

answered Nov 8, 2015 at 15:52

andrrs

2,3093 gold badges17 silver badges25 bronze badges

Collectives™ on Stack Overflow

How do I JSON.parse a string with HTML tag?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related