Buton Hareketini Ciddiye Almamak

Yoket ButonuBelki tıkladığınız butonun kişiliğine karşı direk bir hareketiniz olmayabilir ama yaptığı işi sevmeyebilirsiniz.

Elinizde bir formunuz var, formun bir submit butonu var. İstiyorsunuz ki submit butonu tıklayınca formun action adresine gitmesin. Başka bişiy yapsın. Örneğin çiçek toplasın, gazete okusun ama formun action adresine submit etmesin.

Bunun yapan jQuery kodu :

event.preventDefault();

‘dur.

Aşağıdaki örnekjQuery resmi sayfasından alıntıdır, formu normal submit etmeyi durdurup, ajax ile post eder.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <form action="/" id="searchForm">
   <input type="text" name="s" placeholder="Search..." />
   <input type="submit" value="Search" />
  </form>
  <!-- the result of the search will be rendered inside this div -->
  <div id="result"></div>
 
<script>
  /* formumuza bir onay submit işleyicisi ekliyoruz */
  $("#searchForm").submit(function(event) {
 
    /* formu normal yolla submit etmeyi durduruyoruz */
    event.preventDefault(); 
 
    /* sayfadan bazı değerler okuyoruz: */
    var $form = $( this ),
        term = $form.find( 'input[name="s"]' ).val(),
        url = $form.attr( 'action' );
 
    /* Datayı post kullanarak post ediyoruz ve sonucu ekrana yazdırıyoruz */
    $.post( url, { s: term },
      function( data ) {
          var content = $( data ).find( '#content' );
          $( "#result" ).empty().append( content );
      }
    );
  });
</script>
</body>
</html>

Budur.  Beğenmeyen varsa kullanmasın arkadaş.

Bir Cevap Yazın

Your email will not be published. Name and Email fields are required.

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>