在实时域中部署时，ajax调用不起作用

Question

My ajax call is working on localhost but not when i upload the files in domain. Using ajax I am searching all jpg/png files in a folder called 'images' and showing them in my webpage. The code is -

<script>

//Use ajax to load all images (jpe?g|png|gif) from a folder to a page called Gallery
//images folder should be in the same folder as the file
      var folder = "../images/";
      $.ajax({
          url : folder,
          success: function (data) {
              $(data).find("a").attr("href", function (i, val) {
                  if( val.match(/\.(jpe?g|png|gif)$/) ) {

// create 'img' element using JS and dynamically add image source and class
                      var imgSrc = document.createElement('img');
                      imgSrc.src= folder + val;
                      imgSrc.className = 'imageThumbnails';
                      $("#spanImage").append(imgSrc);
                  }
              });
          }
      });
</script>

Answer 1

please change

var folder = "../images/";

to

var folder = "images/";

hope this helps.. cheers

Answer 2

Ok, so as you saw when you tried accessing the folder directly in your browser, your web server does not allow this, which is common on web servers. Very few people actually want visitors to be able to see a list of all files in a folder, for security reasons.

The quick and dirty way to do this would be to allow listing files in that folder, through a htaccess file, using Options +Indexes , but I strongly recommend you do not do that

Instead, I would suggest you place a file inside your images folder called index.php and have that file build you a list of files placed alongside it, in the images folder. That way you have control over which files you show and which ones you don't. The index.php file can return a simple text output, one file name per line or something like that. Then your ajax call should work as it used to.

Hope this helps!