JQuery-xml

zengshaotao

浏览: 807321 次
性别:
来自: 上海

最近访客更多访客>>

njdccy

AK1343794853

chehaoj

jstl1point0

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JQuery

      阅读更多
    
<title>jQuery 读取XML文件</title> 

05

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

06

    <style type="text/css"> 

07

        h1{color:Green;text-align:center;} 

08

        body{ background-color:#EEEEEE ; font-family:微软雅黑; } 

09

        #showresult{width:600px;overflow:hidden;} 

10

    </style> 

11

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    

12

    <script type="text/javascript"> 

13

        $(document).ready(function () { 

14

            $("#read").click(function () { 

15

                $.ajax({ 

16

                    //请求方式为get 

17

                    type: "GET", 

18

                    //xml文件位置 

19

                    url: "sitemap.xml", 

20

                    //返回数据格式为xml 

21

                    dataType: "xml", 

22

                    //请求成功完成后要执行的方法 

23

                    success: function (xml) { 

24

                        $(xml).find("url").each(function (i) { 

25

                            //i从0开始，累加，如果要显示所有数据，将判断去除即可 

26

                            if (i < 10) { 

27

                                //链接地址 

28

                                var location = $(this).find("loc").text(); 

29

                                //显示文字 

30

                                var text = $(this).text(); 

31

                                //动态加载方法:链接地址 

32

                                $("<a>").attr("href", location) 

33

                                //显示文字 

34

                            .text(text) 

35

                                //设置样式 

36

                            .css({ "width": "700px", "float": "left", "margin-bottom": "5px" }) 

37

                                //加载到div 

38

                            .appendTo("#showresult"); 

39

                            } 

40

                        }) 

41

                    } 

42

                }); 

43

                return false; 

44

            }); 

45

        }); 

46

    </script> 

47
</head> 

48
<body> 

49

    <div id="showresult"> 

50

        <h1>jQuery读取XML文件</h1> 

51

        <a id="read" href="#" style="width:700px;">点击读取XML</a> 

52

    </div> 

53
</body> 

分享到：
      
      javascript,MAP功能
      |
      DIV 鼠标定位
    
    2012-11-20 20:14
浏览 797
评论(0)
分类:Web前端
查看更多
    
    评论
    
发表评论   您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JQuery-xml

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JQuery-xml

评论

发表评论

相关推荐

input 隐藏 方法传入字符串参数

JQuery 之empty and remove

easyui dialog隐藏与显示

cookie操作 JQuery

表单参数一并提交

JQuery解析XML

表格动态展示与下钻

JQuery tree的使用

兄弟frame之间控制页面

easy ui 树的常用功能

attr（），css()

$.browser.msie为空

jOrgChart 后端取数--递归构建map

jOrgChart 后端取数--手工构建map

jOrgChart横向的组织机构树--手工构造json数据

jOrgChart的调试模式

jOrgChart横向的组织机构数插件

easy ui data grid

JQuery easy ui 图标扩展

获取页面高度

最近访客更多访客>>

input 隐藏方法传入字符串参数