• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

AJAX - problem z wysłaniem całego POSTA (kilka array'ów)

VPS Starter Arubacloud
0 głosów
96 wizyt
pytanie zadane 21 listopada 2017 w JavaScript przez Warcabiak Użytkownik (500 p.)
zmienione kategorie 21 listopada 2017 przez criss

Sytuacja wygląda następująco:
Mam kilka list. Od jednej w górę (w zalezności od tego ile sobie dany użytkownik wygeneruje).
Listy te można sortować za pomocą jQuery.
Mam foreacha, który generuje te listy u użytkownika na stronie. Wygląda on następująco:
 

$i = 0;
foreach ( $tempArray as $value){      
          $id = $value->id;                      
// Tutaj wysyłam te id, żeby za pomocą jego mógł potem wykonać odpowiedniego update w bazie
?>
         <input type="hidden" id="id value ="<?php echo $id ?>">
                                <ul class="list">
                                <?php
                                $j = 1;
                                foreach ( $array as $value){                        
                                    $name = $value->name;
                    ?>                          
                                    <li id='<?php echo $j.$i ?><?php echo $player_name; ?></li>                    
                    <?php
                                    $j++;                          
                                }
                ?>
                                </ul>    
             <?php
               $j++;
}

W źródle strony wygląda to następująco (w zależności ile wygeneruje list):

<ul class="list" >
                                                                                              
 <li id='11' >A</li>             
 <li id='21' >B</li>                    
 <li id='31' >C</li>                    
 <li id='41' >D</li>                    
 <li id='51' >E</li>                    
  </ul>           

<ul class="list" >                                                                
  <li id='12' >A</li>             
 <li id='22' >B</li>                    
 <li id='32' >C</li>                    
 <li id='42' >D</li>                    
 <li id='52' >E</li>                    
 </ul>     

I chce po prostu złapać posta AJAXem, żeby móc zrobić update w bazie danych (złapać kolejność - czyli li#id oraz te nasze główne id.
 

<script>            
                    $( function() {        
                        $(".list").sortable({
                            update : function () {
                                var list = $(".list").sortable('toArray');                                                               
                                var Id = $('input#id').val();

                                $.ajax({
                                    data: { list: list, 
                                            id: Id,                                                                                           
                                        },   
                                    type: 'POST',                                   
                                    
                                });
                            }
                        }); 
                    });
                </script>

I co bym nie zmieniał w tych listach, czy kolejność w pierwszej czy drugiej czy trzeciej to POST jest zawsze pierwszej listy:

array(3) {
  ["list"]=>
  array(5) {
    [0]=>
    string(1) "1"
    [1]=>
    string(1) "3"
    [2]=>
    string(1) "4"
    [3]=>
    string(1) "2"
    [4]=>
    string(1) "5"
  }
  ["id"]=>
  string(4) "1"

W sensie, że zmieniam położenie czegoś w pierszej liście - wszystko dobrze aktualizuje (zmiany widoczne w POSCIE), zmienie coś w drugiej czy innej - dalej pokazuje ten pierwszy wynik.

Czyli nie mogę uzyskać posta z pozostałymi listami, bo ciągle pokazuje mi tę pierwszą, jak to zrobić? 

komentarz 21 listopada 2017 przez kap Stary wyjadacz (11,620 p.)
A co to ma wspólnego z C/C++ ??

2 odpowiedzi

+1 głos
odpowiedź 21 listopada 2017 przez rafal.budzis Szeryf (85,260 p.)
wybrane 22 listopada 2017 przez Warcabiak
 
Najlepsza

Skoro tworzysz kilka list poprzez $(".list").sortable(); W środku powinieneś odwołać się do konkretnej listy która się zmieniła. Spróbuj 

var list = $(this).sortable('toArray');

Jeśli nie zadziała być może w dokumentacji bedzie napisane ze funkcja update w którymś parametrze przechowuje liste która się zmieniła.

komentarz 21 listopada 2017 przez Warcabiak Użytkownik (500 p.)
Tylko nie wiem czy w tym przypadku pobierze odpowiednie id. Bo aktualnie pobierało id pierwszej listy.

Nie wiem czy też skorzystałem z odpowiedniego sposobu, bo te id wysyłane jest Przez input hidden.

Poza tym gdy np. Dla list dam np. id=<?php $id ?> To w źródle strony widać, że pokazuje poprawne dla obu, a postem wysyła zawsze ten pierwszy. :/
komentarz 21 listopada 2017 przez rafal.budzis Szeryf (85,260 p.)

Najlepszą formą którą bym ci proponował to dopisanie tego ID do znacznika <ul> jako data-* które są w HTML5 ;)
robisz
<ul data-id="3">
a potem pobierasz w jQuery 
$(this).data('id');

 

Obecnie pobierasz inputa selektorem "input#id" czyli <input id="id"> a jak wiemy ID musi być unikalne nie może być dwóch elementów o identyfikatorze "id" dlatego też znajduje tylko pierwszy. 

komentarz 22 listopada 2017 przez Warcabiak Użytkownik (500 p.)
Udało się, dzięki :)
0 głosów
odpowiedź 22 listopada 2017 przez Warcabiak Użytkownik (500 p.)

A jak zrobic, zeby zapamietywalo teraz kolejnosc? Jak to posortowac?

Chodzi, ze jak pobieram z bazy to li sa w tej samej kolejnosci, ale maja rozne id:


<ul class="list" >
                                                                                               
 <li id='3' >A</li>             
 <li id='2' >B</li>                    
 <li id='1' >C</li>                    
 <li id='4' >D</li>                    
 <li id='5' >E</li>                    
  </ul>           
 
<ul class="list" >                                                                
  <li id='2' >A</li>             
 <li id='5' >B</li>                    
 <li id='3' >C</li>                    
 <li id='5' >D</li>                    
 <li id='1' >E</li>                    
 </ul>

 

Używalem jakichs gotowych funkcji sortujàcych li po id, ale wtedy jakby laczylo mi obie listy (byly 2 listy z 10 elemtami)

komentarz 22 listopada 2017 przez Warcabiak Użytkownik (500 p.)
Udało się jak coś:)

Podobne pytania

0 głosów
1 odpowiedź 67 wizyt
pytanie zadane 2 grudnia 2018 w JavaScript przez Piotr Szramowski Użytkownik (860 p.)
+1 głos
1 odpowiedź 249 wizyt
0 głosów
0 odpowiedzi 62 wizyt
pytanie zadane 19 maja 2020 w JavaScript przez endriuu0 Nowicjusz (140 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...