form ve link ile bir sayfadan veri çekmek

Merhaba arkadaşlar,
elimde şöyle bir form oldugunu düşünün

<form action="index.php" method="get" name="arama">
<input type="text" name="s" value="" />
<input type="hidden" name="sayfa" value="1" />
</form>

birde şöyle linklerim var

<a href="index.php?s=$veri1&sayfa=1">sayfa1</a>
<a href="index.php?s=$veri1&sayfa=2">sayfa2</a>
<a href="index.php?s=$veri1&sayfa=3">sayfa3</a>
..
.

Her ikiside aynı değişkenlerle veri yolluyor.
ve şuanda bu şekilde çalışıyor..

ama ben istiyorumki sayfa yenilenmeden bu veriler ara.php sayfasına gitsin, işlem yapılsın ve sonuçlar index.php sayfasında <div id="sonuclar"></div> kısmında gösterilsin..

Bunun için nasıl bir kod hazırlamam lazım
Şimdiden tşk ederim

EDiT : ----------------------------------------------------

Linkleri hallettim arkadaşlar

<script type="text/javascript">
function muzikara(s,sayfa) {
$('#aramasonuclari')
.html('<img src="images/loader.gif" border="0">');
$.ajax({
type:'POST',
url:'ara.php',
data:'s='+s+'&sayfa='+sayfa,
success: function(rs) {$('#aramasonuclari')
.html(rs);}});}
</script>

Peki şimdi forumdaki veriyi nasıl buraya yönlendireceğim ?


.

Arkadaşım formdaki veriyi derken yanlış anlamadıysam, formu submit ederken onclicke bir fonksiyon tanımlaman yeterli:

<form action="#" method="post" name="arama" id="arama">
<input type="text" name="s" value="" />
<input type="hidden" name="sayfa" value="1" />
<button name="gonder" id="gonder" type="submit" onclick="gonder()">Ara</button>
</form>

javascript kısmı da:

<script type="text/javascript">
function gonder(){
 $("form").submit(function () { return false; });
 var  frm = $("#arama").serialize();
 $.ajax({
   url: 'ara.php',
   data: frm,
   success: function(txt){	
     $('#aramasonuclari').html(txt);				
   }
 });
}
</script>

Bu şekilde yaparsın

kodlarınızı aynen ekledigimde çalışmadı
daha sonra JS kodlarına type:'POST', kısmını ekledim aşağıdaki gibi..

<script type="text/javascript">
function gonder(){
 $("form").submit(function () { return false; });
 var  frm = $("#arama").serialize();
 $.ajax({
type:'POST',
   url: 'ara.php',
   data: frm,
   success: function(txt){	
     $('#aramasonuclari').html(txt);				
   }
 });
}
</script>

Form buton kodlarınıda şöyle yaptım

<input type="submit" name="bt" onclick="gonder()" value="Ara">

Bu şekilde butona basmak şartıyla çalışıyor
yanlız veri yazıp ENTER tuşuna baslıgımda çalışmıyor

Enter tuşunu nasıl aktif edebiliriz hocam ?

Arkadaşım yazarken gözümden kaçmış type:'POST' kısmı, ben genelde $.ajaxSetup kullandığımdan, kusura bakma.

entera basınca da gönderilmesi için onclick yerine onsubmit olarak yapman yeterli.

<form action="#" method="post" name="arama" id="arama" onsubmit="gonder()">

şeklinde.

metadige ohh be.. oldu hocam çok tşk ederim
ben dedim kesin bu gece uyuyamam.. allah razı olsun hocam

Iyi çalışmalar..

Edit:
+Rep veremedim bana bir uyarı veriyo. sanırım ikimizin mesajı oldugu için olmuyormuş yani konuda üçüncü bir şahsın daha mesajı olması gerekiyo sanırım. Yada yanlış anladım. Neyse başka konuda telafi ederim

Yararlı bir bilgi olmuş teşekkürler. Yeni sistemimde ben de kullanabilirim sanıyorum.