2011-02-13 32 views
24

ben gibi bir form var bir form gönderin.jQuery uyumsuz

DÜZENLEME:

<form name='contactForm'> 
    <input type="text" class="inputContact" name="mittente" /> 
    <textarea class="textContact" name="smex"></textarea> 
    <input type="submit" value="Send" /> 
</form> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('form[name=contactForm]').submit(function(e){ 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      cache: false, 
      url: './ajax/header_ajax.php', 
      data: 'id=header_contact_send&'+$(this).serialize(), 
      success: function(msg) { 
       $("#boxContentId").html(msg); 
      } 
     }); 
    });  
});   
</script> 
+0

tam olarak ne çözeltisiyle bilmek istiyor musun? Zaten '$ .ajax' kullanmak zorunda olduğunuzu (ya da kullanmak istediğinizi) zaten biliyorsunuz. Galiba belgelerini zaten okuyorsunuz. Nerede kaldın? –

+0

$ .ajax'ı perfection etmeyi öğrenmek istiyorum "Gönder" düğmesine tıklayarak "Gönder" – markzzz

+1

Sadece bir yan not: 'form'daki 'name' özniteliğinin kullanılması HTML4'ten itibaren amortismana tabi tutulur. Bunun yerine 'id' özniteliği kullanılmalıdır. –

cevap

35
$('form[name=contact]').submit(function(){ 

    // Maybe show a loading indicator... 

    $.post($(this).attr('action'), $(this).serialize(), function(res){ 
     // Do something with the response `res` 
     console.log(res); 
     // Don't forget to hide the loading indicator! 
    }); 

    return false; // prevent default action 

}); 

Bkz:

+5

Dosya yükleme için de çalışıyor mu? – Hadesara

+0

Testlerimden değil. –

+0

@Hadesara async file Burada http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously#8758614 –