403发出ajax请求时出现Forbidden错误 [英] 403 Forbidden error while making an ajax request

问题描述

我试图通过从slider_images文件夹中获取所有图像名称并将其附加到动态地动态删除滑块图像。

i am trying to disaplay slider images dynamically by fetching all images names from slider_images folder and append it to .

<script>
var dir = "images/slider_images";
var fileextension = ".jpg";
$.ajax({
url: dir,
type: "POST",
success: function (data) {
    $(data).find("a:contains(" + fileextension + ")").each(function () {

        var url = this.href;
        var filename = url.substring(url.lastIndexOf('/')+1);
          //alert(filename);
        $(".slides").append($("<li><img src=" + dir +"/"+ filename + "></img></li>"));
    });
}
});
</script>

推荐答案

最后我用json解决了这个问题。
首先我创建getimages.php文件并读取该文件中的目录并获取所有图像名称并将该名称存储在数组中。

Finally i solve this issue by using json. first i create getimages.php file and read directory in that file and get all images names and store that name in array.

getimages.php

<?php
$filenameArray = array();
$handle = opendir(dirname(realpath(__FILE__)).'/images/slider_images/');
    while($file = readdir($handle)){
        if($file !== '.' && $file !== '..'){
            array_push($filenameArray, "images/slider_images/$file");
        }
    }

echo json_encode($filenameArray);
?>       

从您要动态加载图片的页面调用getimages.php。

call getimages.php from page where you want load images dynamically.

index.php

$.ajax({

        url: "getimages.php",
        dataType: "json",

        success: function (data) {
            alert("success");
            $.each(data, function(i,filename) {
                alert(filename);
                $('.slides').append('<li><img src="'+ filename +'" class="drop_shadow" alt="Slider Image 1" /></li>');
            });
        }
    });

这对我来说非常合适。我想要你试试这个。这是使用ajax

这篇关于403发出ajax请求时出现Forbidden错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！