Давайте я напишу простой пример, который будет отправлять данные серверу (форму), принимать от него json данные и выводить их. А вы уж смотрите что у вас не так делается.
<?
if($_POST) exit(json_encode(array_values($_POST)));
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
$('form').submit(function() {
$.post(location, $(this).serialize(), function(d) {
$('#res').html(d.join('<br>'))
}, 'json');
return false;
});
});
</script>
</head>
<body>
<form>
<input name="as1" value="111">
<input name="as2" value="222">
<input name="as3" value="333">
<button>Send</button>
</form>
</div>
<p id="res"></p>
</body>
</html>
Понятно по коду? Запустите его, проблем нет?