Question

我想刷新ajax成功的特定div，我使用下面的代码，但整个页面都刷新了。

<script type="text/javascript">
$('#post_submit').click(function() {
  var form_data = {
    csrfsecurity: $("input[name=csrfsecurity]").val(),
    post_text: $('#post_text').val()    
  };

  $.ajax({
    url: "<?php echo site_url('/post_status'); ?>",
    type: 'POST',
    data: form_data,
    success: function(response){
      $(".home_user_feeds").html("markUpCreatedUsingResponseFromServer");
    }
    return false;
  });
  return false;
});
</script>

Answer 1

你有一个额外的return false，它位于$.ajax块内，最有可能导致错误，因此你的表单不是通过ajax提交的。如果删除它，则不应该有任何问题。

Answer 2

使用表单的submit事件并从ajax回调中删除return false：

$('#myFormId').on('submit', function() {

    var form_data = {
        csrfsecurity: $("input[name=csrfsecurity]").val(),
        post_text: $('#post_text').val()    
    };

    $.ajax({
        url: "<?php echo site_url('/post_status'); ?>",
        type: 'POST',
        data: form_data,
        success: function(response){
            $(".home_user_feeds").html("markUpCreatedUsingResponseFromServer");
        }
    });
    return false;
});

Answer 3

从$ .ajax函数中删除return false。它的语法错误。 $ .ajax函数只需要一个json对象作为参数。 “return false”不能成为json对象的一部分。您应始终在测试期间保持JavaScript控制台处于打开状态 - 在Chrome中按Ctrl-Shift-J并选择控制台以查看任何JS错误。

同时建议您使用<input type=button>代替<input type=submit>或<button></button>

当ajax发布成功后，我想刷新页面</div>中的特定<div>

3 个答案: