通过AJAX加载更多文件

Question

Is it somehow possible to load more files via AJAX?

Example

$.ajax({
  url: ["test1.html", "test2.html", "test3.html"],
  success: function(data1, data2, data3) {
    // Do something  
  }
});

Because I would like to avoid callbacks...

  $.ajax({
  url: "test1.html",
  success: function(data) {

    $.ajax({
      url: "test2.html",
      success: function(data) {

        $.ajax({
          url: "test3.html",
          success: function(data) {

            // Do something

          }
        });

      }
    });

  }
});

Answer 1

Yes, it is. You just can't load full HTML structures (with BODY elements and such) - you need to use HTML snippets.

You can then e.g. inject the loaded data into a div element:

success: function(data) 
 { $("#div_id").html(data); }

jQuery also has the almost decadently lazy .load() shortcut:

$('#div_id').load('ajax/test.html');