從jquery ajax加載php頁面卸載當前頁面

Question

我需要生成一個顯示在php頁面中的報告，該報告將由jquery ajax調用來調用。 任何機構都可以幫助我。

jQuery ajax發布如下：

$('#report_condition #Submit_rpt_betn_dates').on('click', function(){
        var start_dt = $('#report_condition').find('.rpt_betn_dates').find('.start_search_date').val();
        var end_dt = $('#report_condition').find('.rpt_betn_dates').find('.end_search_date').val();
        alert('you want to generate report between '+start_dt+' and '+end_dt);

    $.ajax({  
        type: "POST",  
        url: "./report-betn-dates.php",
        data: {'startdt':start_dt, 'enddt':end_dt}, //the first parameter in the pair is actually the key for $_POST in PHP
        //and it must be withing quotes for ajax to run!!
        crossdomain: true,
        success: function(response) {
        }
    });
});

我嘗試了$('body').html(response); 在ajax調用的成功參數內。 但是通過這種方式，我無法訪問php頁面的單獨的CSS文件。 因此，我想卸載包含ajax調用的頁面，並通過$_POST[]發送的數據加載php頁面。

Answer 1

Ajax用於部分內容加載，異步交互等。由於您要實現的是使用自己的靜態資源（css，js）加載完整的新頁面，因此這是完美的“同步”方案。 因此，為什么不使用更簡單的設置（如表單）在表單中發送所需的var，然后將用戶移動到正確的php頁面呢？

$('#report_condition #Submit_rpt_betn_dates').on('click', function(){

        var fake_form   = $('<form method="post" action="report-betn-dates.php">');
        var input_start = $('<input type="hidden" name="startdt">');
        var input_end   = $('<input type="hidden" name="enddt">');

        $(fake_form).append(input_start);
        $(fake_form).append(input_end):

        $(fake_form).submit();
});