AJAX Charger le contenu

Question

Im complètement perdu sur la façon de travailler AJAX. J'ai regardé quelques tutoriels et tout semblait assez déroutant. J'ai rencontré le problème: [Script only runs once].

Je voudrais l'utiliser pour recharger des pages comme ça: [http://www.roblox.com/Poison-Horns-item?id=62152671] afin que je puisse obtenir les derniers prix des articles, sans actualiser la page. Si quelqu'un pouvait m'aider/me dire/me diriger dans la bonne direction, cela aiderait TONS.

Im un peu un scripteur débutant, donc un peu de patience;)

Merci pour toute aide, Alex

Answer 1

requêtes AJAX sont les mêmes que les demandes de page (GET et POST), sauf qu'ils sont traité de manière asynchrone et sans quitter la page en cours. Les données de réponse sont la source de la page que vous vouliez récupérer. Cette source est inutile jusqu'à ce que vous l'analysiez/l'utilisiez.

Un simple exemple jQuery:

//for example, we are on example.com 
$.ajax({ 
    type : 'get',   //the METHOD of the request, like the method of the form 
    url : 'index.php'  //the url to fetch 
    data : {    //additional data which is synonymous to: 
     query1 : 'foo', // - url queries 
     query2 : 'bar', // - form inputs 
     query3 : 'baz', 
    }, 
    success : function(resposeText){ //response text is the raw source of the fetched resource 
     $(element).html(responseText); //use response as HTML for element 
    } 
}); 

//this is similar to requesting: 
http://example.com/index.php?query1=foo&query2=bar&query3=baz 

Answer 2

d'accord avec joseph. Vous pouvez utiliser ajax par javascript ou par jQuery, je suggère personnellement jQuery car il est simple à mettre en œuvre.

$.ajax({ 
     type: 'GET', 
     url: "URL you want to call" , 
     data: 'Data you want to pass to above URL', 
     cache: true, //to enable cache in browser 
     timeout: 3000, // sets timeout to 3 seconds 
     beforeSend: function() { 
      //when ur ajax call generate then u can set here loading spinner 
     }, 
     error: function(){ 
      // will fire when timeout is reached 
     }, 

     success: function(response){ 
      //in response you can get your response data from above called url. 
     } 
    });