[AJAX][JavaScript] Zmiana elementów options powoduje zatrzymanie strony Opcje

[emeres1]

Witam,
przez zapytanie ajaxowe pobieram listę obiektów:

[HTML] pobierz, plaintext 
function getLokal() {
var $rodzajobiektu = $('select[name="rodzaj_akord"] option:selected').val(),
$inwestycja = $('#inwestycja').val();
$.ajax({
type: "POST",
url: getDomen() + 'jsindex.php?jscontroller=add_item&action=getlokal',
data: {
inwestycja: $inwestycja,
rodzajobiektu: $rodzajobiektu
},
cache: false,
async: true,
beforeSend: function(XMLHttpRequest) {
},
success: function(value) {
$('#obiekty').html('');
$('#obiekty').html(value);
},
error: function() {
}
});
}
[HTML] pobierz, plaintext 

zapytanie mysql trwa 0.0012 sec. dla około 20 obiektów mimo to gdy próbuję upchnąć wynik "<option>1</option><option>2</option>..." w <select id="obiekty" name="rodzaj_akord" ></select> strona zaczyna mulić i zawiesza się. Dla 2-5 <option> działa poprawnie. Macie może pomysł co może być powodem?

pozdrawiam

[trueblue]

A jesteś pewien, że zwracasz HTML tylko z elementami <option>?

P.S. Czyszczenie <select> przed wstawieniem nowego kodu nie jest potrzebne.

[emeres1]

To prawda, ale to niestety nie rozwiązuje problemu.
Tych rekordów "<option></option> jest 250 i i wygląda na to, że przeglądarka zawiesza się mimo, że ajax ustawiony jest na asynchroniczność. Jak to możliwe?

[viking]

250 to sporo i siłą rzeczy przerenderowanie takiej listy musi potrwać. Włącz profiler w narzędziach przeglądarki i zobacz co ile zajmuje.

[trueblue]

To prawda, ale to niestety nie rozwiązuje problemu.
Tych rekordów "<option></option> jest 250 i i wygląda na to, że przeglądarka zawiesza się mimo, że ajax ustawiony jest na asynchroniczność. Jak to możliwe?

Brak czyszczenia listy nie był sugerowanym rozwiązaniem.

Nie idzie czasem kilka żądań ajaxowych w danym momencie?

[emeres1]

[HTML] pobierz, plaintext 
success: function (value) { console.log($.trim(value))};]
[HTML] pobierz, plaintext 

w consoli pojawia się w ułamku sekundy problem pojawią się gdy już wrzucam to 250 x <option></option> przez $('#obiekty').html(value);
Mniejsze ilości option bez problemów.

Ten post edytował emeres1 5.02.2018, 19:01:16