ajax - データを投稿する Ajax post メソッドですが、ページを更新すると警告メッセージが表示されます

Question

以下の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;
});

何かを投稿してページを更新すると、ブラウザがアラートの下に表示されます。

Confirm Form Resubmission

The page that you're looking for used information that you entred. Returning to that page might cause any action you took to be repeated.

それを取り除く方法。

Answer 1

最初にデフォルトのフォームイベントを防止してみてください:

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

    e.preventDefault();

    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;
});