Javascript html到json获取div数据

我想将html页面div标记转换为json数据，并将该div附加到另一个html页面中

假设有一个page.html，其中包含div标记，id为page1 page2，依此类推。将它们转换为json数据，并根据它们的id获取div标记，然后将这些div标记附加到page2.html div标记。如何做到这一点

这是page2.html

<div id="page1">
this is page1

</div>

<div id="page2">
this is page1
</div>

<div id="page3">
this is page1
</div>

<div id="page4">
this is page1
</div>

function getdata()
        {
            $.get('page2.html', null, function(text){
                  alert($(text).find('#page1'));
                });
            var json = JSON.stringify(element);
            alert(json);
        }

---

我试过了，但它不起作用。

试一下这段代码获取div内容

function getdata()
    {
        $.get('page.html', null, function(text){
              alert($('#page1').html());
            });
jsonObj = $('#page1').html();
        var obj = $.parseJSON(jsonObj);
        alert(obj );
    }

---

您需要在json字符串中写入div对象，将div转换为具有所有必需属性和值的json对象。 例如，请参见下面的代码段。

函数append（）{
var元素=document.getElementById（“第1页”）；
var jsonObject={}；
jsonObject.id=element.id；
jsonObject.innerHTML=element.innerHTML；
var jsonString=JSON.stringify（jsonObject）；//这是您的div的JSON。
///用于append div和从json获取div对象。
var elementProto=JSON.parse（jsonString）；
var元素=document.createElement（“DIV”）；
element.innerHTML=elementProto.innerHTML；
element.id=elementProto.id；
//附加到容器（在您的情况下为其第1页或第2页）
document.getElementById（“容器”）.append（元素）；
}

将附加此div

追加div

请检查

getdata（）中的以下代码spinet

jQuery.get（'page2.html'，null，函数（响应）{
var obj=jQuery（“”）；
var json={}；
jQuery（obj）.append（response）；
jQuery（'[id^=“page”]'，obj）。每个（函数（索引，对象）{
json[index]=jQuery（object.text（）；
});
log（json）；
});

请阅读并向我们展示您可以使用的代码和工具。使用div ID克隆或.html并获取div标记的全部内容，然后将该内容转换为json。这似乎是一个XY问题。以这种方式使用ajax是从外部源检索数据的一种不同寻常的好方法。最好描述一下确切的问题。如何使用javascript访问page1.html中的page2.html div标记。如果此问题得到解决，则其他事情可以通过提供的解决方案来完成。问题id page1位于另一个页面中，而不是在同一页面上。要获取div标记，请尝试此$.get（'page2.html'，null，function（text）{var wrapper=document.createElement（'div'））；wrapper.innerHTML=text；var divElem=wrapper.querySelector（“#page1”）；//这是您的div}）；只是一个疑问，是否可以使用json获取数据？您的代码运行良好。您是指将html标记转换为json格式吗？如果是，那就不可能了，因为json需要正确的结构，如果代码适合你，不要忘记接受它。我正在获取数据，但我只想要id为page1的div标记的数据，但是每个id为page1 page2的div标记的数据都会被追加到第3页。如果我不想要每个函数，我能做什么更改如果你想要page1的文本，那么

jQuery（'#page1'，obj）

将是您的jQuery对象。我没有尝试每个

loop，而是尝试了这个方法，但不起作用..jQuery.get（'page.html'，null，function（response）{var obj=jQuery（'.page'）；var json={}；json[index]=jQuery（'page2'，obj.text（）；jQuery（obj）.append（response）；console.log（json）; 				});
jQuery.get('page2.html',null,function(response){
    var obj = jQuery('<div/>');
    var json = {};
    jQuery(obj).append(response);
    jQuery('[id^="page"]',obj).each(function( index, object ){
        json[index] = jQuery(object).text();
    });
    console.log(json);
});