JavaScript Post işlemi nasıl oluyor?

Anlatmak istedigim şu

Mesela PHP de

<form action='onizle.php' method='post'>
<input type='text' name='r10' />
<input type='submit' value='Onizle' />
</form>

<?php echo $_POST["r10"]; ?>

gibiya bunun JavaScript versiyonu nasıldır?

Basit bir forum örnegiyle gösterirmisiniz?

<form name="myform" action="handle-data.php">
Search: <input type='text' name='query' />
<a href="javascript: submitform()">Search</a>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

Demo adresi

<form action='onizle.php' method='post'> 
<input type='text' name='r10' /> 
<input type='submit' value='Onizle' /> 
</form>

oldugunu varsayarak;

<form action='onizle.php' method='post' onsubmit="return FormGonder()">
<input type='text' name='r10' />
<input type='submit' value='Onizle' />
</form>

olarak kalın ile belirttigim yeri ekliyorum.

Daha sonra jQuery kütaphanesini içe aktardıktan sonra aşagıda verdigim fonksiyonuda sayfanın altlarında bi yerlere ekliyorum.

<script type="text/javascript">
function FormGonder(){
var postfields=$("form").serialize();
$.post("phpdosyam.php",postfields,function (return){$("#sonuc").html(return);});
return false;
}
</script>

Tabi birde id degeri sonuc olan bir div oluşturup sayfa içerisinde istedigin bir yere yerleştirebilirsin. İşlem bu kadar kolay gelsin

Hocam tam istedigim şey peki bunun fonksiyon gibi nasıl gösteririm İnputa yazılanı ?

yani php den dönen degeri, bir div içine degilde bir input içinemi yazdırmak istiyorsun ? eger dogru anladıysam;

Fonksiyonu şu şekilde düzenliyerek:

<script type="text/javascript">
function FormGonder(){
var postfields=$("form").serialize();
$.post("phpdosyam.php",postfields,function (return){$("input#sonuc").attr("value",return);});
return false;
}
</script>

ve sayfada bir yere şu inputu ekliyerek:

<input type="text" id="sonuc" value="" />

istedigini yapabilirsin.