jquery 异步加载xml文件

[javascript]代码库

$(function () {
    $("button").click(function () {
        $.ajax({
            url : 'ajax.xml',
            type : 'GET',
            dataType : 'xml',
            timeout : 1000,
            cache : false,
            error : function (xml) {
                alert('加载XML文档出错');
            },
            success : function (xml) {
                
                //建立一个代码片段
                var frag = $("<ul/>");
                
                //遍历所有student节点
                $(xml).find("student").each(function (i) {
                    //获取id节点
                    var id = $(this).children("id"),
                    //获取节点文本
                    id_value = id.text(),
                    //获取student下的email属性。
                    email = $(this).attr("email");
                    
                    //构造HTML字符串，通过append方法添加进之前建立代码片段
                    frag.append("<li>" + id_value + "-" + email + "</li>");
                });
                
                //最后得到的frag添加进HTML文档中
                frag.appendTo("#load");
            }
        });
        
    });
});