JQuery Ajax 火狐错误

Question

下面的代码在 Chrome 和 IE 中都可以正常工作

$.get("../ajax/BTBookAppointment.aspx?dsl=" + telNumberBox.value + "&date=" + requiredDate.value + "&timeslot=" + ddTimeslot.value, function (response, status, xhr) {
//DO some stuff
}); 

但是在 Firefox(版本 11.0)中，回调函数永远不会被触发。我已经使用带断点的 Firebug 并验证了从未输入回调。页面似乎刷新了，之前由 JavaScript 显示的元素再次变得可见。

我不知道错误可能是什么，甚至不知道如何进一步调试它。任何建议将不胜感激。

编辑:Fiddler 和 firebug 从不显示 HTTP get。我还尝试明确写出 $.get (见下文)并获得相同的行为

编辑2:我已经尝试了达林·迪米特洛夫提到的建议，它仍然表现出相同的行为(单击按钮时页面回发)。这是目前的代码。

Javascript

function bookAppointment() {

    var url = "../ajax/BTBookAppointment.aspx";
    var dsl = "01753893530"
    var date = "20-04-2012";
    var timeslot = "PM";

    var data = { dsl: dsl, date: date, timeslot: timeslot };

    $.ajax({
        url: "../ajax/BTBookAppointment.aspx",
        data: data,
        success: function (response, status, xhr) {
       alert('into callback');
        },

    });

    return false;
}

HTML

<button id="btnBookAppointment" onclick="bookAppointment();"> Book</button>

Answer 1

从您的问题中提供的信息很难判断问题可能是什么。您是说您从未在 FireBug 的 Network 选项卡中看到发送的请求，并且页面刷新。这可能是由于 AJAX 调用之前代码中存在一些 javascript 错误，这会阻止它触发。此外，如果您在某个 DOM 元素的单击或提交处理程序中调用此 AJAX 请求，您可能需要确保通过从此回调返回 false 来取消默认事件。另一点是您当前没有对 GET 参数进行正确的 URL 编码。

这是一个示例:

$('#someElement').click(function() {
    // TODO: adapt the selectors to match your input field ids
    var dsl = $('#telNumberBox').val();
    var date = $('#requiredDate').val();
    var timeslot = $('#ddTimeslot').val();

    var data = { dsl: dsl, date: date, timeslot: timeslot };
    $.get('../ajax/BTBookAppointment.aspx', data, function (response, status, xhr) {
        //DO some stuff
    }); 

    return false;
});

另外，不要忘记在发送 AJAX 请求之前查看 FireBug 控制台中可能发生的 JavaScript 错误。

如果这不起作用，我会尝试对请求值进行硬编码，以进一步缩小错误的可能性:

var dsl = '123456789';
var date = '2012-04-07';
var timeslot = '14:15';

var data = { dsl: dsl, date: date, timeslot: timeslot };
$.get('../ajax/BTBookAppointment.aspx', data, function (response, status, xhr) {
    //DO some stuff
}); 

您可以通过对某些值进行硬编码(这消除了错误的可能性)，将这种错误缩小技术应用到脚本的不同部分，直到您找到确凿的证据，它不会杀死 IE 和 Chrome，但会杀死 FireFox。