jQuery warten, bis Funktion beendet

Question

ich dieses Skript haben:

var d; 
$(".circle").click(function() { 
    var id = $(this).attr('id'); 
    var MyDiv1 = document.getElementById(id); 
    var name = MyDiv1.innerHTML; 

    $.get("url", function(data){ 
    d=data; 
    }); 

    d=d.split(","); 
    var arrayLength = d.length; 
    for (var i = 0; i < arrayLength; i++) { 
     if(i==id) 
     custom_alert(d[i], name); 
    } 
}); 

Ich möchte

d = d.split(","); 

Nur anrufen, nachdem ich bin sicher, dass d nicht undefined ist.
Wie führe ich das aus, nachdem die $.get Funktionen beendet und d den Daten zugewiesen ist?

Answer 1

Sie könnten es einfach in den Rückruf setzen? :

$.get("url", function(d){ 
     d=d.split(","); 
     var arrayLength = d.length; 
     for (var i = 0; i < arrayLength; i++) { 
      if(i==id) 
      custom_alert(d[i], name); 
     } 
    }); 

Oder ES7 (sehr neues Material) mit:

(async function(){ 
var d=await new Promise(function(r){ 
    $.get("url",r); 
}); 
d=d.split(","); 
... 
})(); 

Answer 2

Sie müssen die JS setzen, die auf d hängt in der get Rückruf definiert ist.

var d; 
$(".circle").click(function() { 
var id = $(this).attr('id'); 
var MyDiv1 = document.getElementById(id); 
var name = MyDiv1.innerHTML; 

$.get("url", function(data){ 
d=data; 

    d=d.split(","); 
    var arrayLength = d.length; 
    for (var i = 0; i < arrayLength; i++) { 
    if(i==id) 
    custom_alert(d[i], name); 
    } 
}); 
}); 

Answer 3

jQuery.get() ist asynchron, weil es eine Abkürzung für jQuery.ajax() ist, die für Anfragen Standardoption ist, ist async: true.

Read here über asynchrone Anfragen.

// declare it here if you need its values later (to be a global variable), or move it inside function(){ } declared inside $.get() call. 
var d; 
$(".circle").click(function() { 
    var id = $(this).attr('id'); 
    var MyDiv1 = document.getElementById(id); 
    var name = MyDiv1.innerHTML; 

    $.get("url", function(data){ 
     d=data; 
     // $.get has an asynchronous answer (you don't know when it will come or if it comes). Call d.split here 
     d=d.split(","); 
     var arrayLength = d.length; 
     for (var i = 0; i < arrayLength; i++) { 
      if(i==id) 
       custom_alert(d[i], name); 
     } 
    }); 
}); 

Answer 4

können Sie nur auf d verlassen, um einen Wert in dem Block zu haben, wo sie einen Wert zugeordnet, die function(data){...} innerhalb des Rückrufs ist.

var d; 
$(".circle").click(function() { 
    var id = $(this).attr('id'); 
    var MyDiv1 = document.getElementById(id); 
    var name = MyDiv1.innerHTML; 

    $.get("url", function(data){ 
    d=data.split(","); 
    var arrayLength = d.length; 
    for (var i = 0; i < arrayLength; i++) { 
     if (i==id) 
     custom_alert(d[i], name); 
    } 
    }); 
});