Ładowanie zawartości karty za pomocą połączenia Ajax - javascript

Mam kontrolę tabulacji, która ładuje zawartość przez $ (). Load (), a następnie załadowana strona załaduje dane z wywołania json do serwera. Nie jestem pewien, czy jest to skuteczny sposób, aby to osiągnąć.

Zasadniczo zastanawiam się, jak najlepiej załadować zawartość karty, która będzie zawierać inne wywołanie ajax, aby uzyskać dane json. Myślę, że wszystkie te wywołania ajaxowe spowodują obniżenie wydajności.

$("#tab-about").click(function () {
$("#tab-content").load("/about");
/* about content will then have it"s own ajax call for json data */
});

Odpowiedzi:

Problem z wydajnością zależy od twojego projektu. Ale kod może stać się błędny. Upewnij się, że umieścisz drugie wywołanie ajax w setTimeout, ponieważ może ono nie zostać wywołane podczas przesyłania witryny. Spróbuj:

setTimeout(function(){ /*Your code for ajax load content */   },0);

Funkcja w setTimeout będzie działać po zakończeniu funkcji zawierania.