Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript] Zmiana elementów options powoduje zatrzymanie strony
Forum PHP.pl > Forum > Przedszkole
emeres1
Witam,
przez zapytanie ajaxowe pobieram listę obiektów:
  1. function getLokal() {
  2. var $rodzajobiektu = $('select[name="rodzaj_akord"] option:selected').val(),
  3. $inwestycja = $('#inwestycja').val();
  4. $.ajax({
  5. type: "POST",
  6. url: getDomen() + 'jsindex.php?jscontroller=add_item&action=getlokal',
  7. data: {
  8. inwestycja: $inwestycja,
  9. rodzajobiektu: $rodzajobiektu
  10. },
  11. cache: false,
  12. async: true,
  13. beforeSend: function(XMLHttpRequest) {
  14. },
  15. success: function(value) {
  16. $('#obiekty').html('');
  17. $('#obiekty').html(value);
  18. },
  19. error: function() {
  20. }
  21. });
  22. }

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
Cytat(emeres1 @ 5.02.2018, 17:48:23 ) *
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
  1. success: function (value) { console.log($.trim(value))};]

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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.