Różnica między serializacją a serializacjąObject jquery

Question

Dużo przeszukuję, ale nie znalazłem idealnej różnicy między metodą jquery a serialize i serializeObject.

Proszę, pomóżcie mi to zrozumieć.

Answer 1

Jak widać here, serializeObject nie jest natywną metodą jQuery i dlatego istnieje tylko wtedy, gdy wstawiłeś go wcześniej lub poprzedni programista witryny. Jak wspomniano w Q&A found here, funkcja ta została prawdopodobnie znaleźć, gdy ktoś pracuje na swoim miejscu „searched a way to serialize a form” i znalazłem następujące rozszerzenia:

$.fn.serializeObject = function() 
{ 
    var o = {}; 
    var a = this.serializeArray(); 
    $.each(a, function() { 
     if (o[this.name]) { 
      if (!o[this.name].push) { 
       o[this.name] = [o[this.name]]; 
      } 
      o[this.name].push(this.value || ''); 
     } else { 
      o[this.name] = this.value || ''; 
     } 
    }); 
    return o; 
}; 

Look dla serializeObject gdzieś w JS, ale należy pamiętać, to prawdopodobnie nie potrzebne jako to jest wydaje się robić to samo, co $.fn.serialize .

---

Po dokładniejszym sprawdzeniu okazało się, że to nie to samo. serializeObject metoda znaleziona w innym Q & A będzie serializować wartość formularza jako Obiekt, podczas gdy serialize koduje wartości jako ciąg do przesłania.

Proszę zwrócić uwagę, jeśli chcesz coś jak serailizeObjectże pochodzi z jQuery Rdzenia, to proszę zobaczyć serializeArray.

Wynik będzie nieco inny, ponieważ serializeArray stworzy tablicę obiektów wartości twojego formularza. Każdy obiekt mający { name: "", value: "" }

EXAMPLE

^{proszę zobaczyć DeveloperToolsConsole w przykładzie.}

Answer 2

$.serializeObject jest wariantem istniejący $.serialize metodę, która, zamiast kodowania elementów formularza do łańcucha, konwertuje elementy formularza do ważnego JSON obiektu, który może być używany w aplikacji JavaScript.

Answer 3

zrobiłem kilka kopanie tutaj na stackoverflow na szeregowania formularz do obiektu json i skończyło się znalezieniem tej metody

$.fn.serializeObject = function() 
{ 
    var o = {}; 
    var a = this.serializeArray(); 
    $.each(a, function() { 
     if (o[this.name]) { 
      if (!o[this.name].push) { 
       o[this.name] = [o[this.name]]; 
      } 
      o[this.name].push(this.value || ''); 
     } else { 
      o[this.name] = this.value || ''; 
     } 
    }); 
    return o; 
}; 

jeszcze nie pasuje na co byłem w pracy. Stworzyłem więc własną wtyczkę. Jeśli zainteresowany może co to sprawdzić https://github.com/citnvillareal/serializeObject

Answer 4

Myślę, że to prosty sposób! TODO--

$.fn.serializeObject = function() { 
     var o = {}; 
     this.find("[name]").each(function() { 
      o[this.name] = this.value; 
     }); 
     return o; 
    };