Jquery ajax

在现有项目的开发中，我们都采用的xml配置的方式进行开发，服务器端用相应工具生成数据的xml文件（这里我使用了Perl来生成，因为其强大的字符串处理能力），客户端采用Javascript读取xml进行相关数据的读取。

Jquery提供的 .ajax函数可以让我们很方便地进行ajax操作。下例是一个放置图片上热点的坐标信息点：

function loadHotSpot()
{
    $.ajax(
    {
        url:"catalog/hotspot.xml",
        dataType:"xml",
        success:function(data)
        {
            $(data).find("dict").each(function(index, element) {
                var left = parseInt($(this).children("x").text());
                var top = parseInt($(this).children("y").text());
                var imgId = parseInt($(this).children("imgId").text());
                var img = "catalog/"+$(this).children("img").text();
                
                var spot_html = "<div class='hotspotWrapper' style='left:"+left+"px;top:"+top+"px;'><span class='hs_img'><img src='"+img+"' /></span>" ;
                spot_html += "<span class='hotspot' onClick='showImg(this);'></span></div>" ;
                $(".item").eq(imgId).append(spot_html);
            });
            
        }
    });
}

读取不同文件时，注意声明 dataType ，另外，注意xml的格式需要规范，否则会出错。