What is “traditional style of param serialization’ in JQuery

by

Have a look at the documentation of jQuery.param():

As of jQuery 1.4, the $.param() method serializes deep objects recursively to accommodate modern scripting languages and frameworks such as PHP and Ruby on Rails. You can disable this functionality globally by setting jQuery.ajaxSettings.traditional = true;.

Given

var p = {foo: [1,2,3], bar: 42};

setting traditional to true generates

foo=1&foo=2&foo=3&bar=42

While e.g. Python can handle these parameters, i.e. it generates a list for foo, PHP will only consider the last foo parameter.

But now by default, the result of the serialization is (actually it is URI encoded)

foo[]=1&foo[]=2&foo[]=3&bar=42

which can be better handled, as mentioned, by PHP and RoR.

Or maybe even more interesting is this. Given:

var p = {foo: {1: [3,4], 2:2,3:3}, bar: 42};

traditional produces:

foo=[object Object]&bar=42

which is clearly not useful in comparison with the “new” way:

foo[1][]=3&foo[1][]=4&foo[2]=2&foo[3]=3&bar=42

More Related Contents:

  1. jQuery find events handlers registered with an object
  2. Best way to remove an event handler in jQuery?
  3. jQuery Event : Detect changes to the html/text of a div
  4. jQuery table sort
  5. jQuery ‘input’ event
  6. How to force a html5 form validation without submitting it via jQuery
  7. jQuery and MooTools Conflict
  8. jquery IE Fadein and Fadeout Opacity
  9. How can I check if a key is pressed during the click event with jQuery?
  10. Codeigniter session bugging out with ajax calls
  11. wait for a jquery ajax callback from calling function
  12. How can I use jQuery.load to replace a div including the div
  13. Order of execution of jquery document ready
  14. Disable specific days of the week on jQuery UI datepicker [duplicate]
  15. Unobtrusive Ajax stopped working after update jQuery to 1.9.0
  16. Removing file from multiple files uploader on button click when using HTML5 file input
  17. jquery callback after all images in dom are loaded?
  18. Jquery condition check is(‘:hover’) not working
  19. jQuery $.animate() multiple elements but only fire callback once
  20. iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
  21. Selecting text on focus using jQuery not working in Safari and Chrome
  22. Apply CSS to jQuery Dialog Buttons
  23. Refresh (reload) a page once using jQuery?
  24. Fire event on enter key press for a textbox
  25. TypeError: $(…).parents(…).size is not a function
  26. JQuery Star Rating [closed]
  27. jQuery Uncaught TypeError: Cannot read property ‘fn’ of undefined (anonymous function)
  28. How to enforce a “smooth scrolling” rule for mousewheel, jQuery?
  29. Get bottom and right position of an element
  30. jqGrid with automatic height; but has a max height & scrollbars

Leave a Comment