最近研究了一下WebDav,尝试了一下用Jquery.ajax 发生请求访问WebDav. 代码如下：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Test WebDav</title>

    <script src="Scripts/jquery-1.7.1.min.js"></script>

    <script>

        $(document).ready(function () {

            var requestData = "<?xml version=\"1.0\" ?> " +

        "<D:propfind xmlns:D=\"DAV:\">" +

                "<D:allprop/>" +

        "</D:propfind>"

            $.ajax({

                url: http://localhost/, type: "PROPFIND", contentType: "text/xml",

                data: requestData,

                dataType: "XML",

                username: "test",

                password: "test",

                headers:{depth:"1"},

                success: function (data) {

                    var filenodes = data.childNodes[0].childNodes;

                    var len = filenodes.length;

                    for (var i = 0; i < len; i++) {

                        if (filenodes[i].childNodes.length > 1 && filenodes[i].childNodes['1'].childNodes.length > 1) {

                            var propStat = filenodes[i].childNodes['1'].childNodes['1'];

                            var displayName = propStat.getElementsByTagName("D:displayname");

                            if (displayName.length > 0) {

                                var td = "<tr><td>" + displayName['0'].textContent + "</td>";

                                var modifyData = propStat.getElementsByTagName("D:getlastmodified");

                                if (modifyData.length > 0) {

                                    td = td+"<td>"+modifyData[0].textContent+"</td>";

                                }

                                var isDirectory = propStat.getElementsByTagName("D:iscollection");

                                if (isDirectory.length > 0) {

                                    td = td + "<td>"+isDirectory[0].textContent + "</td>"

                                }

                                td = td + "</tr>";

                                $("#tblBody").append(td)

                            }

                        }

                    }

                    $("#results").text(data);

                },

                error: function (XMLHttpRequest, textStatus, errorThrown) {

                    $("#results").text("Error: " + errorThrown)

                }

            });

        });

    </script>

</head>

<body>

    <textarea id="results"></textarea>

    <table>

        <thead>

            <tr>

                <th>Display Name</th>

                <th>Modified Data</th>

                <th>Is Directory</th>

            </tr>

        </thead>

        <tbody id="tblBody">

        </tbody>

    </table>

</body>

</html>

Jquery Call WebDav的更多相关文章

  1. Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

    jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...

  2. jQuery UI resizable使用注意事项、实时等比例拉伸及你不知道的技巧

    这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddl ...

  3. Jquery的点击事件，三句代码完成全选事件

    先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  4. jQuery实践-网页版2048小游戏

    ▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...

  5. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

  6. jQuery之ajax实现篇

    jQuery的ajax方法非常好用,这么好的东西,你想拥有一个属于自己的ajax么?接下来,我们来自己做一个简单的ajax吧. 实现功能 由于jq中的ajax方法是用了内置的deferred模块,是P ...

  7. 利用snowfall.jquery.js实现爱心满屏飞

    小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...

  8. jQuery的61种选择器

    The Write Less , Do More ! jQuery选择器 1. #id : 根据给定的ID匹配一个元素 <p id="myId">这是第一个p标签< ...

  9. jquery.uploadify文件上传组件

    1.jquery.uploadify简介 在ASP.NET中上传的控件有很多,比如.NET自带的FileUpload,以及SWFUpload,Uploadify等等,尤其后面两个控件的用户体验比较好, ...

随机推荐

  1. Android调用MediaScanner进行新产生的媒体文件扫描

    有时候,我们拍了一张图片或录制了一段视频,图库应用默认没有将这些新产生的文件识别出来所以打开图库或视频播放器发现没有找到这些文件,需要调用MediaScanner扫描一下才会出来.从FFMPEG中找了 ...

  2. 【HDOJ】5288 OO’s Sequence

    二分寻找对于指定pos的最左因数点和最右因数点. /* 5288 */ #include <iostream> #include <string> #include <m ...

  3. 【CF】142 Div.1 B. Planes

    SPFA.注意状态转移条件,ans的求解需要在bfs中间求解.因为只要到了地点n,则无需等待其他tourist.还是蛮简单的,注意细节. /* 229B */ #include <iostrea ...

  4. linux上怎么切换不同版本的arm-linux-gcc？只需改一行函数

    linux上怎么切换不同版本的arm-linux-gcc?只需改一行函数 ln -s /usr/local/arm/3.4.1/bin/arm-linux-gcc /usr/bin/arm-linux ...

  5. .net 与 javascript脚本的几种交互方法

    1.asp.net呼叫js Response.Write("<script language=javascript>"); Response.Write("a ...

  6. android学习——项目的目录结构

    学习开发之前要了解工程目录下的文件夹下文件的用意,是以HelloWorld为例: 1.HelloWorld项目的目录结构 1.1.src文件夹 1.2.gen文件夹 1.3.Android 2.1文件 ...

  7. (转)PQ分区魔术师中文版分区教程

    PQ分区魔术师中文版分区的图解,图文并茂很多朋友提到硬盘分区,觉得不敢轻易去尝试,怕得不偿失,深度xp系统下载在此分享下pq分区的图解详见下图: 1)这是用的雨林木风系统的光盘,其他系统盘一样 2)首 ...

  8. 云之讯融合通讯开放平台_提供融合语音，短信，VoIP，视频和IM等通讯API及SDK。

    云之讯融合通讯开放平台_提供融合语音,短信,VoIP,视频和IM等通讯API及SDK. undefined 全明星之极验证 - SendCloud undefined [转载]国内外几个主流的在线开发 ...

  9. Mysql中查看表的类型InnoDB

    问题描述:   MySQL 数据表主要支持六种类型 ,分别是:BDB.HEAP.ISAM.MERGE.MYISAM.InnoBDB. 这六种又分为两类,一类是“事务安全型”(transaction-s ...

  10. jQuery 的属性操作方法

    jQuery 属性操作方法 下面列出的这些方法获得或设置元素的 DOM 属性. 这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html(). 方法 描述 addClass() 向匹配的 ...