在html中提交表單而不刷新頁面，js

-3

我有一個這樣的小表單聊天，當我點擊提交表單時不會刷新頁面。在html中提交表單而不刷新頁面，js

<form name="form1" method="post" id="formchat" action="forum_add_1313940.xhtml"> 
<input name="text" id="text2" max-lenght="1000"></input> 
<input type="submit" name="submit" class="submit" value="Gửi" id="chats" /> 
</form>

和JS

<script language="JavaScript"> 
$('#formchat').submit(function() 
{ 
    sendformchat(); return false; 
}); 
</script>

但是當我點擊「桂」，頁面會刷新。如何點擊「Gửi」時，頁面不會刷新？

來源

2013-05-06 Đặng Duy Tâm

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using- jquery/ – 2013-05-06 11:06:06

請幫助我，並對不起，如果我的英語不好，因爲我是VietNamese人 – 2013-05-06 11:06:23

Leroy Meijer你可以告訴我該怎麼做？ – 2013-05-06 11:08:29

如果你想異步行爲，你應該處理AJAX風格的表單，你可以閱讀關於AJAX here！

這裏是使用表單上的jQuery的例子：

var form = $('#form_chat'); 

form.find('input[type=submit]').on('click', function(e) { 
    e.prevetDefault(); 
    $.ajax({ 
     type: "POST", 
     url: form.attr('action'), 
     data: form.serialize(), 
     success: function(response) { 
     console.log(response); 
     } 
    }); 
});

來源

2013-05-06 12:18:32 Amir

在html中提交表單而不刷新頁面，js

回答

相關問題