jQuery Ajax, .serialize(). urldecode POST.
. :
HTML
<form id="category-dynamic" class="dynamic">
<fieldset id="inner-fieldset">
<legend id="new-category">
<label for="category-name">Category Name: </label>
<input type="text" name="category-name" value="" />
</legend>
<ul id="category-fields">
<li>
<label>Field #1:</label><br />
<input type="text" name="fields[]" value="" />
</li>
<li>
<label>Field #2:</label><br />
<input type="text" name="fields[]" value="" />
</li>
</ul>
</fieldset>
</form>
<h3>POST Result</h3>
<pre></pre>
JQuery
$(document).ready(function(){
$('pre').html($('#category-dynamic').serialize());
$.post("http://jfcoder.com/test/processor.php", $('#category-dynamic').serialize(), function(data){
$('pre').html($('pre').html()+"\n\n"+data);
});
});
processor.php:
<?php
print_r($_POST);
?>
2
, , , , URL-.
, :
var formSubmit = $(this).serialize() + "&formSubmit=true";
$.post('ajax.php', formSubmit);
, POST- .
3
. :
:
$(document).ready(function(){
var serial = $('#category-dynamic').serialize() + "&formSubmit=true";
$('pre').html(serial);
$.post("http://jfcoder.com/test/processor.php", serial, function(data){
$('pre').html($('pre').html()+"\n\n"+data);
});
});
"&formSubmit=true" . PHP:
POST Result
category-name=&fields%5B%5D=&fields%5B%5D=&formSubmit=true
Array
(
[category-name] =>
[fields] => Array
(
[0] =>
[1] =>
)
[formSubmit] => true
)
EDIT 4
, . . ?
$(document).ready(function(){
var serial = $('#category-dynamic').serialize();
$('pre').html(serial);
$.post("http://jfcoder.com/test/processor.php", {"formSubmit":"true","serial":serial}, function(data){
$('pre').html($('pre').html()+"\n\n"+data);
});
});
POST Result
category-name=&fields%5B%5D=&fields%5B%5D=
Array
(
[formSubmit] => true
[serial] => category-name=&fields%5B%5D=&fields%5B%5D=
)