jQuery serialize converts all spaces to plus

jquery serialization space
Mark Steggles picture Mark Steggles · Jun 14, 2012 · Viewed 12.4k times · Source

Currently, everywhere I use serialize I have to use it like this:

.serialize().replace(/\+/g,'%20');

otherwise any spaces in the form data will be coverted to +'s. Is there a setting that can make this the default.

Answer

russianmario picture russianmario · Apr 28, 2015

For fun, here's an alternative that doesn't use a temporary variable:

$.fn.serializeAndEncode = function() {
    return $.map(this.serializeArray(), function(val) {
        return [val.name, encodeURIComponent(val.value)].join('=');
    }).join('&');
};

$("#formToSerialize").serializeAndEncode();

Related questions

Convert form data to JavaScript object with jQuery

How do I convert all elements of my form to a JavaScript object? I'd like to have some way of automatically building a JavaScript object from my form, without having to loop over each element. I do not want a …

Read More
Serializing to JSON in jQuery

I need to serialize an object to JSON. I'm using jQuery. Is there a "standard" way to do this? My specific situation: I have an array defined as shown below: var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... and I …

Read More
Serializing and submitting a form with jQuery and PHP

I'm trying to send a form's data using jQuery. However, data does not reach the server. Can you please tell me what I'm doing wrong? My HTML form: <form id="contactForm" name="contactForm" method="post"> <input type="…

Read More