提问人：Mukund 提问时间：10/29/2018 更新时间：10/29/2018 访问量：191
如何在 jQuery 中获取数据 从 XHTML 页面追加和预置
how to get data in jquery append and prepend from an xhtml page
问：
我试图将多个html/xhtml/xml页面加载到一个网页中。这是我遵循的方法
这是我的基本页面
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
var lastScrollTop = 0;
var indexup = 4;
var indexdown = 4;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
console.log($(window).scrollTop()+ " <><><> " + $(window).height()+" === "+$(document).height());
// downscroll code
var total = $(window).scrollTop()+$(window).height();
var diff = Math.abs(total-$(document).height());
if(diff<=2) {
// alert("bottom!");
indexdown = indexdown+1;
if(indexdown>7)
{
alert("This is the last page")
}
else
{
appendNext(indexdown);
}
}
} else {
// upscroll code
if ($(window).scrollTop() == 0)
{
console.log($(window).scrollTop() + $(window).height()+" === "+$(document).height());
// alert('Scrolled to Page Top');
indexup = indexup-1;
if(indexup==0)
{
alert('This is the first page');
}
else
{
appendPrevious(indexup);
}
}
}
lastScrollTop = st;
});
function appendNext(index)
{
$.get("html/01.PAGE."+index+".html", function (data) {
$("#appendToThis").append(data);
});
}
function appendPrevious(index)
{
$.get("html/01.PAGE."+index+".html", function (data) {
var old_height = $(document).height(); //store document height before modifications
var old_scroll = $(window).scrollTop();
$("#appendToThis").prepend(data);
$(document).scrollTop(old_scroll + $(document).height() - old_height); //restore "scroll position"
});
}
</script>
</head>
<body>
<div id="loadDiv">
</div>
<script type="text/javascript">
$("#loadDiv").load("xhtml/01.PAGE.4.html");
</script>
</body>
</html>
这按预期工作正常。我首先加载 01.PAGE.4.html，01.PAGE.5.html 在 和 01.PAGE.3.html 之前附加。loadDiv
但实际上那些 01.PAGE.4.html 是 01.PAGE.4.xhtml。
我将扩展名从 xhtml 更改为 html 进行测试，发现 jquery 可以加载 xhtml 代码，但它不能附加或预置相同的代码。
那是当我尝试以xhtml格式重新运行代码时，代码给了我这个错误
uncaught typeerror cannot read property 'ownerdocument' of null jquery检查控制台时，
这是我的疑问，如何从中获取价值#Document
当我注销它时，它包含整个页面数据，但我不知道如何用jquery附加或预置它。但即使对于jquery的xhtml页面加载功能也有效。有人请帮忙
如何从jQuery中获取数据，追加和预置？#Document
答：
1赞
Sumesh TG
10/29/2018
#1
$.get ("xhtml/01.PAGE.xhtml", function (data)
{
$("#appendToThis").html($(data).children());
}, 'xml');
试试这个。有关详细信息，请参阅 https://api.jquery.com/jquery.get/。
评论
0赞
Mukund
10/29/2018
差不多，我把它编辑成 $.get（“xhtml/01.GE.”+index+“.xhtml”， function （data） { console.log（data）; var old_height = $（document）.height（）; //存储修改前的文档高度 var old_scroll = $（window）.scrollTop（）; $（“#appendToThis”）.append（$（data）.children（））; // $（document）.scrollTop（old_scroll）; //恢复“滚动位置” // $（“#appendToThis”）.append（data）; }， 'xml'）;
评论