您如何使用JQuery for AJAX帖子进行硬刷新？

Question

I am using JQuery and the page acts like it refreshes but doesn't update my table. All my other JQuery commands using the location.reload(true); do a hard refresh. Using this AJAX version doesn't seem to do it. I plan on using the AJAX later to just update a div, but for now the whole page refresh is what I need.

JS

$(document).ready(function(){
    $('#import_audit').click(function(){
    //alert("Audit Deleted");
    $('#import_audit_div').modal('show'); //show modal with id="import_audit_div"

    $('#import_audit_table').load("edit_audits.php?action=import"); //Doesn't load from database until modal is loaded.
    });

    $(function() {
        $("#import_audit_form").submit(function(e) {
            e.preventDefault(); 

            // 'this' refers to this form element
            var data = $(this).serialize();

            $.ajax({
                type: "POST",
                url: "edit_audits.php?action=process_import",
                data: data,  
                success: function (data) {
                    alert("Audit Transfered");
                    //$('#import_audit_div').modal('hide');

                    location.reload(true);
                    //trying to reload only the div
                    //$("#Results1").load(location.href + " #Results1");

                }
            });  
        });  
    });
});

Answer 1

You are missing a }); at the bottom. In your browser development tools does it show an error in your console? I don't think your javascript is actually working, which would mean that the location.reload(true) never fires.

Answer 2

I think its the ajax request itself that is cached. Try adding the cache setting.

$.ajax({
    type: "POST",
    url: "edit_audits.php?action=process_import",
    data: data,  
    cache : false,
    ...

There's some conflicting information on whether this has an effect, but it's worth trying.

cache (default: true, false for dataType 'script' and 'jsonp') Type: Boolean If set to false, it will force requested pages not to be cached by the browser. Note: Setting cache to false will only work correctly with HEAD and GET requests. It works by appending "_={timestamp}" to the GET parameters. The parameter is not needed for other types of requests, except in IE8 when a POST is made to a URL that has already been requested by a GET.

You could also try to globally disable the cache to see if that changes anything.

$.ajaxSetup({ cache: false });