Takma adın güncellenmesi için şu anda sunucuya geri gönderdiğim basit bir form var. Hangi jquery kodu eklerim (formu değiştirmeden), böylece sayfa yenilenmez, ancak jquery formu arka planda gönderir ve sonra yanıtı sunucudan içeren bir uyarı mesajı açar mı?Formu göndermek için jquery'yi kullanmak için varolan bir html formunu nasıl geçersiz kılarsınız?
11
A
cevap
23
veya
$("form").submit(function(e){
var form = $(this);
$.ajax({
url : form.attr('action'),
type : form.attr('method'),
data : form.serialize(), // data to be submitted
success: function(response){
alert(response); // do what you like with the response
}
});
return false;
});
5
"Gönderme" olayına bağlanmak ve varsayılan eylemi önlemek için jQuery kullanmanız gerekir. Formunuz ve takma giriş isimlerinin yanı sıra id
's kullanılırsa Biraz daha verimli olacaktır:
<script type="text/javascript">
jQuery(function($){
$("form[name=input]").submit(function(e){
e.preventDefault(); // Keep the form from submitting
var form = $(this);
// Use the POST method to post to the same url as
// the real form, passing in newNickname as the only
// data content
$.post(form.attr('action'), { newNickname: form.find(':text').val() }, function(data){
alert(data); // Alert the return from the server
}, "text");
});
});
</script>
1
sadece bunun için bir eklenti var.
İlgili konular
- 1. Bir HTML formu göndermek için bir kısayol tuşu mı kullanıyorsunuz?
- 2. HTML özel formunu girmek için bir seçenek seçin formunu seç
- 3. jquery-ajax kullanarak birden formları arasında bir formu göndermek için
- 4. Mvc'de bir Action yöntemini nasıl geçersiz kılarsınız?
- 5. Ruby tırmıkta bir görevi nasıl geçersiz kılarsınız?
- 6. Erişilemez HTML içeriğini CSS ile doğru şekilde nasıl geçersiz kılarsınız?
- 7. python script için girdi olarak html formunu kullanmak için basit bir çözüm
- 8. Belirli mod için emacs lisp'deki işlevleri nasıl geçersiz kılarsınız?
- 9. Satır içi onclick olayını nasıl geçersiz kılarsınız?
- 10. OnError'ı ne zaman geçersiz kılarsınız?
- 11. Angular2: Bileşen şablonunu nasıl geçersiz kılarsınız?
- 12. Django: unique_together hata mesajını nasıl geçersiz kılarsınız?
- 13. ASP.NET MVC - formunu kaydederken Bence benim HTML formu ve benim denetleyicisi eylemi işlemek için ModelX kullanır
- 14. Katır akışında giriş html formunu alma
- 15. Html çıkışında 3 yardımcıları kullanmak için html
- 16. C# - Bir metin kutusu için "Yukarı ok" ve "Aşağı ok" için eylemleri nasıl geçersiz kılarsınız?
- 17. Hızlı 3'te layerClass'ı nasıl geçersiz kılarsınız?
- 18. Odoo'da csv içe aktarmada "ir.sequence" alanını nasıl geçersiz kılarsınız?
- 19. iframe formunu göndermek ve tüm sayfayı yeniden yönlendirmek
- 20. İçe aktarılan bir kaynağı Spring @Configuration kullanarak nasıl geçersiz kılarsınız?
- 21. Saf html formunu denetleyiciye nasıl bağlarım? C#
- 22. Önceden ayarlanmış bir jquery olay işleyicisini nasıl geçersiz kılarsınız?
- 23. Düğmeleri html formlarında çirkin olarak göndermek için hangi alternatifi kullanmalıyım?
- 24. Django statik dosya geliştirme sunucusunu nasıl geçersiz kılarsınız?
- 25. Joomla makaleleri oluşturmak için özel bir HTML formu kullanma
- 26. ASP.NET MVC 3 - bir html formu
- 27. onsubmit yenileme html formu
- 28. Bir formu ajaxify için jQuery'yi nasıl kullanırım?
- 29. Dinamik Form formunu silme formu django
- 30. HTML formu django görünümü ve modeline nasıl entegre edilir?