XMLHttpRequest получить данные (JSON) из HTML-страницы

Question

У меня есть скрипт Javascript:

const xmlhttp = new XMLHttpRequest()
const url = 'http://192.168.3.140:50000/get-data'

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText)
        data(myArr);
    }
}

xmlhttp.open('GET', url, true)
xmlhttp.send()

let data = function(arr) {
    let out = []
        out = arr;
    console.log(out)
}

Этот скрипт содержит XMLHttpRequest для страницы внутри моего веб-приложения. Страница представляет собой HTML-файл. Я получаю эту ошибку SyntaxError: JSON Parse error: Unrecognized token '<' Этот токен, вероятно, является тегом HTML. Но есть ли способ получить данные из определенного HTML-элемента (не обязательно должен быть XMLHttpRequest) или лучший способ установить JSON на страницу. Объект JSON хранится в DIV. Я читал что-то о приложении Content-Type / json, но не могу найти, как это работает

Заранее спасибо!

Answer 1

Мне кажется, что вы хотите "очистить" внутренние HTML-страницы, чтобы извлечь данные из определенных элементов на странице.Вы действительно можете использовать XMLHttpRequest, но вы также можете использовать библиотеку для этого.Прочитайте эту замечательную статью от Габина Десерприта о чистке веб-страниц с помощью cheerio.js.