我正在使用 jQuery 从 XML 文件中提取大量数据。我需要使用数据来填写图像路径、名称等。
收集所有这些数据以供使用的最佳方法是什么?例如,我得到的一切都是这样的:
$(document).ready(function() {
$.ajax({
type: "GET",
url: "stuff.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('speaker').each(function(){
var img_path = $(this).find('speaker_image').text();
var name_text = $(this).find('speaker_name').text();
// should I build an array or object here?
});
}
});
});
我应该将所有内容放入成功方法中的数组中吗?也许在一个物体中?我要做的就是获取收集到的数据并用它来构建名称和图像列表。其中会有相当多的元素,它看起来像这样(在图像网址中使用 img_path
,在标签中使用 name_text
:
<ul>
<li><img src="images/bobsmith.jpg" /><br /><lable>Bob S. Smith</label></li>
<li><img src="images/crystalforehead.jpg" /><br /><lable>Crystal X. Forehead</label></li>
...
</ul>
处理收集到的数据的最佳方法是什么,以便我可以使用它来浏览并构建我需要的 html?
最佳答案
如果您不需要重复使用 XML 文件中的数据,为什么不在读取它时构建 DOM 元素呢?
例如在您的成功方法中:
$(xml).find('speaker').each(function(){
var img_path = $(this).find('speaker_image').text();
var name_text = $(this).find('speaker_name').text();
var html = '<li><img src="' + img_path + '" /><br /><label>' + name_text + '</label></li>';
$("#myList").append(html);
});
关于Javascript - 从 XML 获取数据供以后使用...放入数组或对象中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3083793/