Js ile form post etmek

Arkadaşlar merhaba

basit bir formum var
1 adet textarea ve 1 adet buton

<form action="" method="pos">
    Mesajınız :
    <textarea rows="4" cols="30">

    </textarea>
    <input type="submit" value="Gönder">
</form>

buton tıklanınca sayfa refresh yapmadan arka planda js ile formu post edebilir miyiz?

@crazykurba;

jquery ajax metodlarıyla ile kolayca yapabilirsiniz.

Aşağıda basit bir örnek hazırladım. (Test etmedim)

gonder.php ise standart php ile post verisi alıp işlem yaptırabilirsiniz. Phpde echo ile ekrana bastığınız veri aşağıdaki js kısmındaki success eventında data olarak dönecektir.

Html Kısım:

<form id="form" action="" method="post">
    İsim :
    <input type="text" name="isim" id="isim">
	
	Mesajınız :
    <textarea name="mesaj" id="mesaj"></textarea>
	
    <input id="gonderbutton" type="button" value="Gönder">
</form>

<div class="sonuc"></div>

Javascript kısmı:

var isim = $('#isim').val();
var mesaj = $('#mesaj').val();
var formData = "isim=" + isim + "&mesaj=" + mesaj;

$('#gonderbutton').click(function(){
	$.ajax({
		url : "gonder.php",
		type: "POST",
		data : formData,
		success: function(data, textStatus, jqXHR)
		{
			//işlem başarılı olursa burası çalışır
			$('.sonuc').html('İslem basarili. Phpden donen data:' + data);
		},
		error: function (jqXHR, textStatus, errorThrown)
		{
			//hata olusursa burası çalışır
			$('.sonuc').html('İslem basarisiz.);
		}
	});
});

$('#gonderbutton').click(function(){
   var i = $('#isim').val(),m = $('#mesaj').val();
   $.post("./form.php", {isim:i,mesaj:m}, function(r){
      console.log(r);
   });
});