Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) jQuery and AJAX The jQuery AJAX Method

Posted by Irene Tomaini
Irene Tomaini
6,745 Points

How can I use $.ajax() method for putting in a page contents from different json file (with different url)?

for example I have: "data/one.json" "data/two.json"

1 Answer

John Weland
John Weland
42,478 Points

Do you mean one ajax function that changes its URL dynamically? If so you could do something like.

function ajax(string) {
   $.ajax({
      url: string,   // <-- this is the URL you pass in to the function
      method: "GET",
      dataType: "json",
      success: function(response){
         // do something here
      },
      error: function(){
          //report error here
      }
   });
}

then you call that function 

   ajax('data/one.json');

or 

   ajax('data/two.json');