gpt4 book ai didi

javascript - 如何在移动应用程序中明智地显示 xml 内容页面?

转载 作者:行者123 更新时间:2023-11-28 07:17:47 25 4
gpt4 key购买 nike

我正在开发一个移动应用程序,在该应用程序中我从 xml 文件获取数据。但我在这里面临的问题是,我将所有 xml 内容放在一起,但在移动应用程序中我想按页面显示它,即第一页将有 5 个产品,第二个页面将有接下来的 5 个产品,所以直到产品结束。那么我该怎么做。

这是我用来读取、解析和显示的 html 和 javascript 文件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"> </script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#dvContent").append("<div></div>");
$.ajax({
type: "GET",
url: "http://localhost/donotdel/d/cat.xml",
dataType: "xml",
success: function(xml){
$(xml).find('product').each(function(){
var sModel = $(this).find('model').text();
var sName = $(this).find('name').text();
var sDescription = $(this).find('description').text();
var sImage = $(this).find('image').text();
var sPrice = $(this).find('price').text();
var sSpecial = $(this).find('specialPrice').text();
$("<li></li>").html(sModel + ", " + sName + ", " + sDescription + ", " + sImage + ", " + sPrice + ", " + sSpecial ).appendTo("#dvContent div");
});
},
error: function() {
alert("An error occurred while processing XML file.");
}
});
});
</script>
<style type="text/css">
body
{
font-family : Arial;
font-size : 10pt;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="dvContent">

</div>
</form>

现在我得到了所有产品,但我只想每次只得到 5 个产品并显示,然后单击“下一步”或页码,我希望它们转到我显示其他 5 个产品的页面。那么如何做到这一点。

最佳答案

如果我理解正确的话,听起来您知道如何将 XML 解析为数据,但您只想一次显示 5 个。我要做的是这样的:

解析 XML。编写一个显示 X 到 Y 行的通用函数。用 1-5 来调用它。

在您的页面中包含两个按钮。向它们添加 touchend 监听器,以便当您单击一个(下一个按钮或类似的)时,它只需运行通用函数来显示下一个“页面”数据。

您需要记住项目的总数,这样您就不会超出最后,并且显然不要让人们低于 1。

关于javascript - 如何在移动应用程序中明智地显示 xml 内容页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30662576/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com