Jquery Call WebDav

浏览数：18 / 时间：2015年06月09日

最近研究了一下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>