Question

我搜索了很多关于这个主题的内容，最后我得到了一个代码来解决我的问题。当我在浏览器中运行此代码时，错误部分正在运行并且正在生成警报。成功部分永远不会运行

我在我的浏览器上运行代码，系统上没有安装服务器或localhost。

我还在代码和文件中使用了所有必需的文件夹。

代码如下：

<!doctype html>
<html lang="en">
    <head>
        <title>load demo</title>
        <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>  
        <script type = "text/javascript" language = "javascript">
            $(document).ready(function () {
                var fileextension=".jpg";
                var dir="Images/";
                $.ajax({
                    type: 'GET',
                    url: dir,
                    async:false,
                    success: function (data) {
                        $("#fileNames").html('<ul>');
                        $(data).find("a:contains(" + fileextension + ")").each(function () {
                            var filename = this.href.replace(window.location.host, "").replace("http:///",""); 
                            $("#fileNames").append( '<li>'+ filename +'</li>');

                        });
                        $("#fileNames").append('</ul>');
                    },

                    error: function(){
                        alert('error loading images');
                    }
                });
            });
        </script>
    </head>

    <body>
        <div id='fileNames'> 
            <h3>Showing List of Files</h3>
        </div>
    </body>
</html>

如何使用Jquery和AJAX从文件夹中列出文件名

0 个答案: