Thứ Hai, 24 tháng 1, 2011

Hiển thị dùng ajax jquery load từ file XML

//Script
<script>
function addLink() {
    $.ajax({
        type: "GET", //phuong thuc Get
        url: "LinkSite.xml", //duong dan file XML
        dataType: "xml", //Kieu du lieu tra ve
        success: function(xml) {
            var strLink = "";
            var sortedSet = $(xml).find('Site').get().sort(function(a, b) {
                var valA = $(a).find('Title').text();
                var valB = $(b).find('Title').text();
                return valA &amp; lt;
                valB ? -1 : valA == valB ? 0 : 1;
            }); //sap xep theo a-b
            $(sortedSet).each(function() {
                var Title = $(this).find("Title").text();
                var Url = $(this).find("Url").text();
                strLink += "";
            });
            $('#ddlLink').append(strLink);
        }
    });
}
</script>

//Xml File
< ? xml version = "1.0" encoding = "utf-8" ? >
<linksite>
    <site>
        <title>
            Báo điện tử VnExpress
        </title>
        <url>
            http://vnexpress.net
        </url>
    </site>
    <site>
        <title>
            Báo điện tử dân trí
        </title>
        <url>
            http: //dantri.com.vn
        </url>
    </site>
</linksite>