ajax - 当 ajax 发布成功时，我想刷新一个特定的在页面中

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

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

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

Answer 3

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

$('#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;
});