Question

I have a form like this:

 <form id="cform">
    <label>folder name:</label>
    <input type="text" name="Folder[name]" />
    <input id="cfolder" type="submit" value="create" />
 </form>

I want to submit the form in jQuery ajax, so I have code like this:

 $.ajax({
    type: "POST",
    url: "/folder/create",
    data: $('#cform').serialize(),
    success: function(msg){
        //sucess
    }
  });

this is all easy so far, but now I want to submit an extra dynamic id($id value is available) along with the whole form. how Can I do that? I tried this:

 data: $('#cform').serialize()+"&Folder[id]="+$id,

but it didn’t work, the server side did not get the id. the tricky part here for me is Folder[name], Folder[id],
because the server side recevie the data in php like this:

if(isset($_POST['Folder'])){
    //assign data here
}

hope this is clear and thanks for any suggestion.

Answer 1

As an alternative suggestion:

You can use .serializeArray ^[docs] and $.param ^[docs]. Then jQuery will take care of all the encoding:

var data = $('#cform').serializeArray();
data.push({name: "Folder[id]", value: $id});

// later

data: $.param(data);

---

I don’t understand if you have a problem with $_POST['Folder'] or not, but if you use names with brackets at the end, PHP will parse the data into an array.

Thus you can access the data with $_POST['Folder']['name'] and $_POST['Folder']['id'].

For more information have a look at Variables From External Sources.