我正在使用 jquery 将 xml 数据转换为 html(表)。 (经典的 Javascript 编码只有在您通过网络服务器进行操作时才有效,但我目前对在网络服务器上工作不感兴趣。
读取我的 xml 数据的调用函数工作正常(仅在 Firefox 中)我希望 alos 使用 tablesorter jquery 插件。不幸的是,当我使用它时它不起作用......关于代码可能有什么问题的任何线索?是不是我在错误的地方使用了 tablesorter ..?欢迎任何替代方法(请记住,我不是在网络服务器上工作)。
这里是tablesorter插件的链接: home page tablesorter
称为站点的数据:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<root>
<snapshot>
<order>1</order>
<screen>1</screen>
<randomised>0</randomised>
</snapshot>
<snapshot>
<order>2</order>
<screen>2</screen>
<randomised>1</randomised>
</snapshot>
</root>
代码有两个调用,一个是调用tablesorter插件,另一个是使用jquery读取xml数据
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse:collapse;
}
th, td {
padding: 5px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"type="tex/javascript"></script>
<script src="js/jquery.tablesorter.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script>
//initialise my html table below for get ready to do sorting by calling tablesorter plugin
$(document).ready(function()
{
$("#metrics").tablesorter();
}
);
//import xml data into html
$(document).ready(function(){
$.ajax({
type: "GET",
url: "sites.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('snapshot').each(function(){
var Cl0 = $(this).find("order").text();
var Cl1 = $(this).find("screen").text();
var Cl2 = $(this).find("randomised").text();
$('<tr></tr>').html('<td>'+Cl0+'</td><td>'+Cl1+'</td><td>'+Cl2+'</td>').appendTo('#metrics');
});
}
});
});
</script>
</head>
<body>
<p>This is my table.</p>
<table id="metrics" class="tablesorter" >
<tr><th>Order</th><th>screen</th><th>randomised</th></tr>
</table>
</body>
</html>
干杯
萨斯卡普
最佳答案
给你,伙计: Parse XML using JavaScript https://developer.mozilla.org/en-US/docs/Web/Guide/Parsing_and_serializing_XML
关于javascript - 使用 jquery 在 html 中导入 xml 并使用 tablesorter 对数据进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32050473/