Javascript 抓取HTML页面中div的内容并将其传递给变量
我需要在一个网页上搜寻一个JSON字符串,该字符串位于一个带有“JSON数据”Javascript 抓取HTML页面中div的内容并将其传递给变量,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我需要在一个网页上搜寻一个JSON字符串,该字符串位于一个带有“JSON数据”id的div中。JSON字符串与jQuery代码本身不在同一页面上,因此我首先需要获取页面(使用.get?),找到div(使用某物),然后将其解析为JSON:( 我需要将div的内容解析为JSON对象,并将其传递给变量,以便稍后在代码中使用它 我必须使用jQuery v1.8.3,但我认为.get()和.load()是有效的。我只是不知道如何获取JSON并将其放入变量中。正如您所问,这里有一个使用jQuery 1.8.
id
的div
中。JSON字符串与jQuery代码本身不在同一页面上,因此我首先需要获取页面(使用.get?),找到div(使用某物),然后将其解析为JSON:(
我需要将div
的内容解析为JSON对象,并将其传递给变量,以便稍后在代码中使用它
我必须使用jQuery v1.8.3,但我认为
.get()
和.load()
是有效的。我只是不知道如何获取JSON并将其放入变量中。正如您所问,这里有一个使用jQuery 1.8.3的示例。非常简单
我将一个示例JSON字符串放入#JSON data
元素中,然后使用jQuery的.html()
读取元素的内容,并使用JSON.parse()
解析字符串
$.get(“ajax/test.html”,函数(数据){
var myJson=JSON.parse($(data.find('#JSON data').html());
log('glossary.title:',myJson.glossary.title)
});
{“glossary”:{“title”:“example glossary”,“GlossDiv”:{“title”:“S”,“GlossList”:{“GlossEntry”:{“ID”:“SGML”,“sorta”:“SGML”,“GlossTerm”:“标准通用标记语言”,“首字母缩略词”:“SGML”,“Abbrev”:“ISO 8879:1986”,“GlossDef”:{“para”:
“一种元标记语言,用于创建标记语言,如DocBook。”,“GlossSee”:[“GML”,“XML”]},GlossSee:“markup”}
或sice我们使用的是旧的jQuery,您可以做相反的$.parseJSON(document.getElementById('json-data'))
我想我忘了提到我试图解析的JSON对象不在同一个页面上:它在同一个域上吗?如果是,你可以通过jQuery通过AJAX获得页面内容。同一个域,是的。我该怎么做?@Fredrik我已经更新了我的答案。让我知道这是怎么回事。