使用$ .ajax返回HTML并将其转换为JavaScript数组

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(/"/g, '"');

        console.log(dataObj);
    }
});

我正在抓取HTML页面的内容，该页面上的内容非常简单。 它只是一个“数组”，尽管它是纯文本，所以当返回时，JavaScript会将其视为字符串而不是数组。 这就是该HTML页面上的所有内容：

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

无需替换" ，则console.log弹出[{"sermontitle":"test","welcome":"test","_id":"52e7f0a15f85b214f1000001"}]

所以我的问题是，如何将HTML字符串（已经以“数组”形式存在）转换为实际数组？

Answer 1

您可以使用JSON.parse

JSON.parse(dataObj);

Answer 2

将“ dataType”更改为“ json”，它将为您转换：

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);
    }
});

如果返回" 而不是" ，那么我将更改AJAX返回页面以确保它正在执行正确的JSON响应。

Answer 3

您可以将返回的HTML片段解析为JSON：

JSON.parse(dataObj);