Using $.ajax to return HTML & turn it into JavaScript array

Question

var urlArray = window.location.pathname.split("/"),
    idFromUrl = urlArray[2],
    dataPath = "/bulletins/" + idFromUrl + "/data";

$.ajax({
    url: dataPath,
    type: "get",
    dataType: "html",
    success: function (data) {
        var dataObj = data.replace(/&quot;/g, '"');

        console.log(dataObj);
    }
});

I'm grabbing the contents of an HTML page, and the contents on that page is super simple. It's just an "array", although it's plain text so when it returns, JavaScript is treating it as a string instead of an array. This is all that's on that HTML page:

[{"sermontitle":"test","welcome":"test","_id":"52e7f0a15f85b214f1000001"}]

Without replace the "'s, a console.log spits out [{"sermontitle":"test","welcome":"test","_id":"52e7f0a15f85b214f1000001"}]

So my question is, how can I turn that HTML string (that's already in "array" form) into an actual array?

How do you mean you get that from an HTML page? How do you have an array? It looks like JSON except the []. JSON has a strong grammar. I would try to strip the [] and then json.parse() it. — loveNoHate
– loveNoHate, Commented Jan 29, 2014 at 1:22
@dollarvar I'm getting that from an HTML page, cause I'm somewhat hacking a Node view that's built with Jade to just dump all the data on an empty page. Couldn't figure out how to create a JSON file on the fly the way I can with Jade templates. — Trevan Hetzel
– Trevan Hetzel, Commented Jan 29, 2014 at 1:31
json.parse does indeed work. I'd probably want to strip the [] still though. Do you know how to do that with a regular expression? — Trevan Hetzel
– Trevan Hetzel, Commented Jan 29, 2014 at 1:35

StaleMartyr · Accepted Answer · 2014-01-29 01:17:12Z

2

You can use JSON.parse

JSON.parse(dataObj);

answered Jan 29, 2014 at 1:17

StaleMartyr

7785 silver badges18 bronze badges

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

1 Comment

StaleMartyr Over a year ago

i accidentally clicked delete, too bad :-)

Behrang Saeedzadeh · Accepted Answer · 2014-01-29 01:18:02Z

1

You can parse the returned HTML fragment as JSON:

JSON.parse(dataObj);

answered Jan 29, 2014 at 1:18

Behrang Saeedzadeh

48.2k27 gold badges126 silver badges168 bronze badges

Comments

Kerry Jones · Accepted Answer · 2014-01-29 01:16:49Z

1

Change "dataType" to "json" and it will convert it for you:

var urlArray = window.location.pathname.split("/"),
    idFromUrl = urlArray[2],
    dataPath = "/bulletins/" + idFromUrl + "/data";

$.ajax({
    url: dataPath,
    type: "get",
    dataType: "json",
    success: function (data) {
        console.log(data);
    }
});

If it is returning the " instead of ", then I would change the AJAX return page to make sure it is doing a proper JSON response.

answered Jan 29, 2014 at 1:16

Kerry Jones

21.8k12 gold badges67 silver badges89 bronze badges

2 Comments

Trevan Hetzel Over a year ago

Yeah, I tried that but no luck. It just returns nothing. I think it's because it's not actually a JSON file.

Kerry Jones Over a year ago

Have you used put in JSON headers in the file?

Collectives™ on Stack Overflow

Using $.ajax to return HTML & turn it into JavaScript array

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related