Question

所以，当我按下“发送按钮”时，页面会跳到顶部，这应该发生。有任何想法吗？我尝试过动画并返回false，但似乎没有任何效果。 JSFIDDLE：http://jsfiddle.net/xwyzs05v/2/

AJAX：

            $(document).ready(function(){
  var interval = setInterval(function(){
      $.ajax({
        url: 'chat.php',
        success: function(data){

          $('#messages').html(data);
        }
      });
  },1000);

});

$('#formInput').submit(function(){

    var message = $('#message').val();
    var sender = $('#sender').val();

    $.ajax({
      url: 'send.php',
      data: { sender: sender, message: message },
      success: function(data){

      }
    $('#message').val('');
    });

    return false;
});

Answer 1

您可以在表单提交按钮上捕获点击事件，而不是提交表单。

$(document).ready(function(){
$('#submit-button').click(function(e){

var message = $('#message').val();
var sender = $('#sender').val();

$.ajax({
  url: 'send.php',
  data: { sender: sender, message: message },
  success: function(data){

  }
  $('#message').val('');
});

return false;
});
});

Answer 2

您遇到语法错误，因为您从成功函数中编写了$("#message").val("")。

正确的代码：

$(document).ready(function(){
$('#formInput').submit(function(){

    var message = $('#message').val();
    var sender = $('#sender').val();

    $.ajax({
      url: 'send.php',
      data: { sender: sender, message: message },
      success: function(data){
            $('#message').val('');
      }

    });

    return false;
});


});

AJAX调用PHP聊天后页面跳转

2 个答案: