如何使用jQuery .serializeArray和PHP在表单输入的用户输入值中使用空格？

Question

I have a form element and I use this (abbreviated),

var dataArray = $(this).serializeArray(),
    dataObj = {};

$(dataArray).each(function(i, field){
  dataObj[field.name] = field.value;
});

I then use that data with Ajax, sending it to a PHP page (abbreviated).

url: '/api/controller/name/' + dataObj['guys-name']

If I enter this (minus quotes),

The lazy brown fox

It is submitting like this, which I understand because it has spaces %20,

The%20lazy%20brown%20fox

But when I use print_r() I get this,

Array
(
    [0] => thelazybrownfox
)

I need this so someone can enter a name in one line like smith john. I can make two form inputs, but that is not what I want to do.

Answer 1

URL strings browser transform using Punycode . Right way Correct way is to use the GET or POST parameters.

$.post( "/api/controller/name/", { name: dataObj['guys-name'] } );

Or decode string "The%20lazy%20brown%20fox" from Punycode.