jQuery: Co zrobić z listą, którą można sortować ("serializować")?

Question

z jQuery Mam zdobycie pozycji listy sortable przy użyciu 'serialize', podobnie jak to:

var order = $('ul').sortable('serialize');

Zmienna 'zamówienie', a następnie otrzymuje następujące:

id[]=2&id[]=3&id[]=1&id[]=4&id[]=5

teraz jak mogę użyć tych danych w wywołaniu ajax?

To jak mam zamiar to zrobić, ale jest brzydki i nie mogę zmienić nazwy parametru 'id':

$.post('ajax.php?'+order,{action:'updateOrder'});

Może muszę unserialize, potem imploduje zmiennej " zamówić "i przypisać go do jednego parametru?

---

Nie mam problemu z kodem po stronie serwera, ale mam problem z kodem strony klienta jQuery. Pytanie brzmi, gdzie umieścić zmienną "zamówienie" w skrypcie?

W przykładzie dałem dodałem go jako ciąg kwerendy:

'ajax.php?'+order

Ale chciałbym przekazać go jako parametr, podobnie jak parametr działania. Następujące nie działa, zwraca błąd składni:

$.post('ajax.php?'+order,{action:'updateOrder',order});

Answer 1

Znaleziono! Musiałem dodać opcję key:'string', która zmienia nazwę zmiennej na "ciąg" zamiast "id".

var order = $('#projects ul').sortable('serialize',{key:'string'}); 

$.post('ajax.php',order+'&action=updateOrder'); 

Answer 2

Powiedzmy, że były zamawiania wiadomosci, a strona wysłał do „id [] = 2 & id [] = 3 &? id [] = 1 & id [] = 4 & id [] = 5 "twój kod php.

$_POST['id'] # would be [2,3,1,4,5] 

// Now we need to update the position field of these items  

foreach($_POST['id'] as $i=>$id): 
    // For our first record, $i is 0, and $id is 2. 

    $post = Post::get($id); # Do you own database access here 
    $post->position = $i; # Set the position to its location in the array 
    $post->save(); # Save the record 
endforeach 

Answer 3

Myślę, że najlepszym sposobem jest użycie sortable('serialize') w ogóle, ale użyć jQuery po prostu iteracyjne nad posortowane identyfikatory, tak:

order = []; 
$('ul').children('li').each(function(idx, elm) { 
    order.push(elm.id.split('_')[1]) 
});          
$.get('ajax.php', {action: 'updateOrder', 'order[]': order}); 

ten ma przewagę nad wyraźnie dołączenie odcinkach można sortować do adresu URL (lub parametru), ponieważ w ogóle nie zawiera parametru order[], jeśli na liście nie ma li. (Kiedy miałem ten problem, używałem sortable(connectWith: 'ul'), więc możliwe było przeciągnięcie całego li z jednej listy). Natomiast dołączanie serializowanych sortowalnych pozostawiłoby niechciane "&".

Answer 4

Odnośnie parametru "klucz" użyłem nawiasów kwadratowych, aby uzyskać tablicę.

var data = $('#cms-form').serialize(); 
data += '&' + $('.ui-tabs-nav').sortable('serialize', {key:'nav_order[]'}); 

Answer 5

var order = $('#projects ul').sortable('toArray'}); 

to może działać zbyt;)

Answer 6

Najlepszym sposobem jest wiedzieć, aby używać var ​​order = $('ul').sortable('serialize'); cechą jest pokazany na poniższym linku:

http://blog.arnaud-k.fr/2010/09/29/tutorial-jquery-trier-une-liste-en-dragndrop-avec-jqueryui-sortable/

Wszystko, co musisz uzyskać listę uporządkowanych danych w pliku php to kod:

foreach($_POST['id'] as $order => $order_nb) 
{ 
    ... 
} 

Answer 7

Rozwiązanie

Stworzyłem własne rozwiązanie manipulując sortable ('serialize'). Uprościliśmy go za pomocą funkcji jquery, a następnie wysłałem go do adresu URL php w celu aktualizacji porządku listy w bazie danych. Spójrz na mój kod.

$("#covercast_sortable").sortable({ 
     update : function() { 
      var order = $('#covercast_sortable').sortable('serialize',{key:'string'}); 
      // order var gives something like string=3&string=2&string=1 
      var ar = order.split('&'); 
      var i = 0; 
      var str = ''; 
      for(i;i<ar.length;i++){ 
       if(str != "") { str += ','; } 
       // slice is used to remove 'sting=' from every value of var ar 
       str += ar[i].slice(7); 
      } 
      // here value of str is 3,2,1 with respect to order variable 
      $.ajax({ 
       type: "POST", 
       url: 'myURL.php', 
       data: 'order=' + str, 
       cache: false, 
       success: function (data) { 
        console.log(data); 
       } 
      }); 
     } 
    }); 

Cheers

Answer 8

Jeżeli dane są

$data = 'album[]=stat&sort[]=157204&sort[]=157205&sort[]=157206&sort[]=157208&sort[]=157207&sort[]=157209&sort[]=157210&sort[]=157211&sort[]=157212&sort[]=157213';

i chcesz uzyskać jako rodzaj tablicy w php
Użyj parse_str()
parse_str($data, $output);
print_r($output);

wyjściowa: Array ( [album] => Array ( [0] => stat )

[sort] => Array 
    (
     [0] => 157204 
     [1] => 157205 
     [2] => 157206 
     [3] => 157208 
     [4] => 157207 
     [5] => 157209 
     [6] => 157210 
     [7] => 157211 
     [8] => 157212 
     [9] => 157213 
    ) 

)