Ajax和json_encode在Firefox中回顯文本而不是json

Question

我有一個小腳本，它將運輸成本從PHP/CodeIgniter返回到HTML中。

這裏的PHP代碼，與陣列的一些示例數據：

public function atualiza_frete_ajax() { 

    $response_array = array(
     'html_select_frete' => "<form><select><option></option></select></form>" 
      );     
    header("Content-Type: application/json", true); 
    echo json_encode($response_array); 
    } 

而且JS/jQuery的

 function atualizar_frete_ajax() { 
      var $form = $("#form-cep"); 
       $(".loading").fadeIn(); 
       $.ajax({ 
        type: $form.attr("method"), 
        url: $form.attr("action"), 
        dataType: "json", 
        data: $form.serialize() 
        }).done(function(data){ 
         $(".frete-valor").html(data.html_select_frete) 
         $(".loading").hide() 
        }); 
       event.preventDefault(); 
     } 

現在的問題是：它在Chrome的偉大工程，但在Firefox我只是得到這個令人討厭的文本輸出。

這裏的FF如何輸出它的PRINTSCREEN：http://prntscr.com/5cfcgc

我已確認該文件的編碼是UTF8並沒有BOM，和我使用的是正確的標題之前，我附和響應。

任何線索？

Answer 1

這不起作用，因爲你沒有阻止默認行爲。 event.preventDefault()是對的，但你需要正確使用它。如果你想要做眼前這個AJAX請求的形式提交你應該使用這樣的事情：

$(document).on('submit', '#form-cep',function(e) 
    { 
     e.preventDefault(); 
     var $form = $(this); 
      $(".loading").fadeIn(); 
      $.ajax({ 
       type: $form.attr("method"), 
       url: $form.attr("action"), 
       dataType: "json", 
       data: $form.serialize() 
       }).done(function(data){ 
        $(".frete-valor").html(data.html_select_frete) 
        $(".loading").hide() 
       });   
    }); 

也與該approuch你不會得到Firefox的錯誤了。

編輯

如果你還需要它，你可以使用這個功能：

function atualizar_frete_ajax() 
{ 
    var $form = $("#form-cep"); 
     $(".loading").fadeIn(); 
     $.ajax({ 
      type: $form.attr("method"), 
      url: $form.attr("action"), 
      dataType: "json", 
      data: $form.serialize() 
      }).done(function(data){ 
       $(".frete-valor").html(data.html_select_frete) 
       $(".loading").hide() 
      }); 
} 


$(document).on('submit', '#form-cep',function(e) 
{ 
    e.preventDefault(); 
    atualizar_frete_ajax(); 
});