JQuery模板不適用於$ .get

Question

我使用JQuery模板填充表格。在這個模板中，我需要通過ajax調用來使用json文件來填充。

$(document).ready(function() { 
    var clientData; 

    $.get("/webpro/webcad/lngetusuario", function(data, status){ 
     clientData = data; 
     alert(clientData); 
    }); 
    $("#clientTemplate").tmpl(clientData).appendTo("tbody"); 

}); 

<script id="clientTemplate" type="text/html"> 
    <tr><td> ${usuario} </td><td> ${nome} </td><td> ${setor} </td></tr> 
    //{{tmpl($data) "#phoneTemplate"}} 
</script> 

url'/ webpro/webcad/lngetusuario'會生成json文件。

這是代碼。我不明白這一點，因爲在$ .get語句中，變量clientData具有正確的值json，但在$ .get語句之外（在document.ready上）變量clientData是空的。
任何人都可以幫助我嗎？

Answer 1

這是一個回調「功能」。

的代碼是不是在爲了運行你認爲：

$(document).ready(function() { 
    var clientData; 

    $.get("/webpro/webcad/lngetusuario", function(data, status){ 
     clientData = data; // This will be run when a response has been received from the server 
     alert(clientData); 
    }); 
    // This will run without waiting any reply from the server 
    $("#clientTemplate").tmpl(clientData).appendTo("tbody"); 

}); 

這裏是想你需要：

$(document).ready(function() { 
    var clientData; 

    $.get("/webpro/webcad/lngetusuario", function(data, status){ 
     clientData = data; 
     alert(clientData); 
     $("#clientTemplate").tmpl(clientData).appendTo("tbody"); 
    }); 

}); 

Answer 2

$.get()是異步的。所以$().tmpl()在$.get()完成之前執行，導致clientData爲空。爲了解決這個問題，在$.get()回調中放$().tmpl()。這將確保只有在獲取請求完成時纔會創建您的模板。像這樣

$.get("/webpro/webcad/lngetusuario", function(data, status){ 
    clientData = data; 
    alert(clientData); 
    $("#clientTemplate").tmpl(clientData).appendTo("tbody"); 
});