在我的index.html文件中，我创建了各种列表（从vendor-one到，范围如下vendor-seven）：
<ul id="vendor-one">
<li class="sweet" id="2">No sweets available</li>
<li class="sweet" id="3">No sweets available</li>
<li class="sweet" id="4">No sweets available</li>
<li class="sweet" id="5">No sweets available</li>
<li class="sweet" id="6">No sweets available</li>
<li class="sweet" id="7">No sweets available</li>
<li class="sweet" id="8"></li>
</ul>
然后，我使用php将XML文件（test.xml）上传到一个文件夹：uploads /。XML文件中的示例如下所示：
<?xml version="1.0" encoding="UTF-8"?>
<sweet_data>
<title>sweet data</title>
<sweet id="2">
<vendor_one>
<name>Twixta</name>
<start_time>9.00am</start_time>
<end_time>10.45am</end_time>
</vendor_one>
</sweet >
<sweet id="3">
<vendor_one>
<name>Beunos</name>
<start_time>10.45am</start_time>
<end_time>12.45pm</end_time>
</vendor_one>
</sweet >
<sweet id="4">
<vendor_one>
<name>Mars</name>
<start_time>12.45pm</start_time>
<end_time>2.30pm</end_time>
</vendor_one>
</sweet>
<sweet id="5">
<vendor_one>
<name>Thunderball</name>
<start_time>2.30pm</start_time>
<end_time>4.45pm</end_time>
</vendor_one>
</sweet>
<sweet id="6">
<vendor_one>
<name>Egg Tastic</name>
<start_time>4.45pm</start_time>
<end_time>6.45pm</end_time>
</vendor_one>
</sweet>
<sweet id="7">
<vendor_one>
<name>Fruity Tubes</name>
<start_time>6.45pm</start_time>
<end_time>8.45pm</end_time>
</vendor_one>
</sweet>
<sweet id="8">
<vendor_one>
<name>Rainbows</name>
<start_time>8.45pm</start_time>
<end_time>11.00pm</end_time>
</vendor_one>
</sweet>
</sweet_data>
如何执行以下操作：
start和end时间会影响li以下是一些可能会有所帮助的起点：
首先，您将在服务器端将XML解析为JSON（我假设使用PHP）。这些是这样做的起点：
一旦有了PHP，就需要将JavaScript指向它以获取JSON。您可以使用AJAX来完成。如果您已经在网站上使用jQuery，则可以使用jQuery.ajax（）
这样做，您将最终得到要在客户端上更新的所有元素的数组，您只需要遍历它们，并<li>根据它们的内容替换每个元素的内容。id
Google是您的朋友，可以随时随地查找更多详细信息：）
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句