Question

我有一个像这样的小表格聊天，我希望在点击提交时，该表单不会刷新页面。

<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”时，页面会刷新。单击“Gửi”时如何制作，页面不会刷新？

Answer 1

如果您想要异步行为，您应该以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);
      }
    });
});

在html，js中提交没有刷新页面的表单

1 个答案: