-3

私はこのような小さなフォーム チャットを持っていて、そのフォームを送信をクリックしてもページが更新されないようにしたいのです。

<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」をクリックするとページが更新されないのですがどうすればいいですか？

4

1 に答える 1

0

非同期動作が必要な場合は、フォームを AJAX スタイルで処理する必要があります。AJAX についてはこちらを参照してください。

フォームで 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-06T12:18:32.673 に答える