JQuery Ajax ответ не работает на Firefox

Question

Это ответ в php. Я могу подтвердить, что данные в порядке.

$ajax_response = array(
    'product_code' => $ajax_products, 
    'filter' => $ajax_filter 
); 

echo json_encode($ajax_response); 
exit(); 

Вот код в JavaScript:

$('#pr_category_filter').submit(function (event) { 

    $.ajax({ 
     type: $(this).attr('method'), 
     url: $(this).attr('action'), 
     data: $(this).serialize(), 
     dataType: 'json', 
     cache: false, 
     success: function (data) { 

      if (data.product_code != null) { 
       $('#pagination_contents').replaceWith(data.product_code); 
      } 

      if (data.filter != null) { 
       $('#category_filter').replaceWith(data.filter); 
      } 
     }, 
     error: function (request, status, error) { 
      return false; 
     } 
    }); 

    event.preventDefault(event); 

}); 

Этот код хорошо работает на Chrome и Opera. Однако этот код не работает в Firefox, потому что php «echo» отображается в Firefox вместо ответа ajax. Я также попытался поставить console.debug ('invoked') в javascript. В Firefox не отображается результат, отличный от Chrome. Вы знаете причину?

Ответ такой же в разработке инструментов браузеров.

Благодаря

Answer 1

Функция .preventDefault() не принимает никаких аргументов.

Возможно, Firefox поэтому не принимает это и просто отправляет форму. Chrome, однако, не заботится и не принимает его.

Меняет

event.preventDefault(event); 

В

event.preventDefault(); 

Это должно сделать трюк

Answer 2

Вы должны использовать header() функции в PHP, чтобы определить тип содержимого ответа вы» Возврат к вызову AJAX. Попробуйте следующее (поместите его перед повторным откликом):

header('Content-Type', 'application/json');