php - 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 上不起作用，因为 Firefox 上显示的是 php“echo”而不是 ajax 响应。我还尝试在 javascript 中放入 console.debug('invoked') 。与 Chrome 不同，Firefox 中不显示任何结果。你知道原因吗？

浏览器工具开发的响应是相同的。

谢谢

Answer 1

函数.preventDefault()不接受任何争论。

因此，Firefox 可能不会接受这一点，而只是提交表单。然而 Chrome 并不真正关心并且接受它。

所以改变

event.preventDefault(event);

进入

event.preventDefault();

这应该可以解决问题