XMLHttpRequest从HTML页面获取数据(JSON)

时间:2019-07-05 13:19:11

标签: javascript json xmlhttprequest

我正在使用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到我的Web应用程序内的页面。该页面是一个HTML文件。我收到此错误SyntaxError: JSON Parse error: Unrecognized token '<',该标记可能是HTML标记。但是有没有一种方法可以从特定的HTML元素中获取数据(不需要是XMLHttpRequest),或者是将JSON设置为页面的更好方法。 JSON对象存储在DIV中。我确实阅读了有关Content-Type application / json的内容,但找不到它的工作原理

谢谢!

1 个答案:

答案 0 :(得分:0)

在我看来,您想“刮擦”内部HTML页面以从页面上的某些元素检索数据。您确实可以使用XMLHttpRequest,但也可以使用一个库。阅读this中Gabin Desserprit的精彩文章,内容涉及使用cheerio.js抓取网页。