Jquery ajax

来源：互联网发布：浪潮软件工资待遇 2016 编辑：程序博客网时间：2024/06/09 23:28

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

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

 1 function loadHotSpot() 2 { 3     $.ajax( 4     { 5         url:"catalog/hotspot.xml", 6         dataType:"xml", 7         success:function(data) 8         {18             $(data).find("dict").each(function(index, element) {19                 var left = parseInt($(this).children("x").text());20                 var top = parseInt($(this).children("y").text());21                 var imgId = parseInt($(this).children("imgId").text());22                 var img = "catalog/"+$(this).children("img").text();23                 24                 var spot_html = "<div class='hotspotWrapper' style='left:"+left+"px;top:"+top+"px;'><span class='hs_img'><img src='"+img+"' /></span>" ;25                 spot_html += "<span class='hotspot' onClick='showImg(this);'></span></div>" ;26                 $(".item").eq(imgId).append(spot_html);27             });28             29         }30     });31 }

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