首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当ajax发布成功后,我想刷新页面中的特定<div>

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

Stack Overflow用户
提问于 2013-03-03 20:13:31
回答 3查看 1K关注 0票数 0

我想在ajax成功时刷新一个特定的div,我使用了下面的代码,但是整个页面都被刷新了。

代码语言:javascript
运行
复制
<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>
EN

回答 3

Stack Overflow用户

发布于 2013-03-03 20:17:32

$.ajax块中有一个额外的return false,它很可能会导致错误,所以您的表单不会通过ajax提交。如果你删除了它,你应该不会有任何问题。

票数 1
EN

Stack Overflow用户

发布于 2013-03-03 20:18:17

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

代码语言:javascript
运行
复制
$('#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;
});
票数 0
EN

Stack Overflow用户

发布于 2013-03-03 20:19:23

从$.ajax函数中删除返回false。这是一个语法错误。$.ajax函数只需要一个json对象作为参数。"return false“不能是json对象的一部分。你应该在测试过程中始终保持JavaScript控制台的打开状态--在Chrome中按Ctrl-Shift-J组合键,然后选择console来查看任何JS错误。

我还建议您使用<input type=button>而不是<input type=submit><button></button>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15185515

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档