DotNetMarche

Ciao, dopo il corso di venerdi scorso stavo facendo delle prove con JQuery e mi è sorto un dubbio che vi espongo.
Ho una pagina HTML con 3 div che hanno come id ogg1, ogg2, ogg3
Volevo fare una chiamata ajax per ogni div, ed il codice che ho scritto è:

$("div[id^=ogg]").each(function(n){
         $.ajax({
             url: "p.asp",
             type: "POST",
             data: {lng: n+1},
             dataType: "html",
             complete: function(data){
                   alert(data.responseText);
                   alert(this.id);
                },
             timeout: 2000});
         
         });

Perchè alert(this.id) mi restituisce sempre "undefined"?
Come faccio a passargli dinamicamente l'oggetto in cui deve andare a scrivere?

dentro complete this non dovrebbe essere l'elemento del wrappedset

http://docs.jquery.com/Ajax/jQuery.ajax#options

function (XMLHttpRequest, textStatus) {
  this; // the options for this ajax request
}

 prova a referenziare this in una variabile prima della funzione complete e poi usare quella al posto di this, ad esempio

$("div[id^=ogg]").each(function(n) {
var self = this;
$.ajax(

 Cosi come dice la documentazione, la funzione ajax è una chiamata di "basso livello", ovvero serve quando tu vuoi fare una chiamata ajax e gestire manualmente il contenuto. Tu chiami la funzione $.ajax all'interno di una each, ma la $.ajax non ha nessun collegamento all'oggetto this, per questa ragione nella callback il this non è il div. 

Quello che tu intendi fare è probabilmente sostituire il contenuto di ogni div con i dati che ti vengono restituiti dalla pagina, questo si fa con la funzione load(), che tra l'altro viene invocata su un wrapped set. Nel tuo caso quindi all'interno della each dovresti fare $(this).load(.... in modo da caricare per ogni elemento i tuoi dati. In questo caso visto che la load viene invocata in un wrapped set, nella callback il "this" viene impostato al valore dell'elemento che si sta caricando.

Spero di avere chiarito.

alk.

Diego Guidi:

dentro complete this non dovrebbe essere l'elemento del wrappedset

http://docs.jquery.com/Ajax/jQuery.ajax#options

function (XMLHttpRequest, textStatus) {
  this; // the options for this ajax request
}

 prova a referenziare this in una variabile prima della funzione complete e poi usare quella al posto di this, ad esempio

$("div[id^=ogg]").each(function(n) {
var self = this;
$.ajax(

Penso che sia possibile aggiungere il this ad una proprietà qualsiasi dell'oggetto option, tanto la chiamata ajax dovrebbe ignorare tutto quello che non capisce, quindi recuperarlo nella callback con this.nomeopzione.id.

alk.

Ho provato con la soluzione suggerita da Diego e funziona, quando ho 5 minuti provo anche quella suggerita da Alkampfer.

 Grazie a entrambi.

Alkampfer:

Diego Guidi:

dentro complete this non dovrebbe essere l'elemento del wrappedset

http://docs.jquery.com/Ajax/jQuery.ajax#options

function (XMLHttpRequest, textStatus) {
  this; // the options for this ajax request
}

 prova a referenziare this in una variabile prima della funzione complete e poi usare quella al posto di this, ad esempio

$("div[id^=ogg]").each(function(n) {
var self = this;
$.ajax(

 

Penso che sia possibile aggiungere il this ad una proprietà qualsiasi dell'oggetto option, tanto la chiamata ajax dovrebbe ignorare tutto quello che non capisce, quindi recuperarlo nella callback con this.nomeopzione.id.

alk.