AJAX JQuery 请求不起作用答案

【问题标题】：AJAX JQuery request doesn't workAJAX JQuery 请求不起作用
【发布时间】：2012-08-17 02:25:51
【问题描述】：

我正在尝试通过 JQuery 发送 AJAX 请求。

这是我的 JQuery 代码：

$(document).ready(function() {
    $("#login").submit(loginh);

    function loginh() {
        console.log("Sending request");
        var dat = {
            "ucCustomer": {
                "ucLoginRequest": {
                    "customerId": "8a6a7d82392bdaa701392bdabb3a0013",
                    "userName": "0.34705725672258025@mars.com",
                    "password": "23456"
                }
            }
        };
        console.log(JSON.stringify(dat));
        var d = JSON.stringify(dat);

        $.ajax({
            headers: {
                "Content-Type": "application/json",
                "X-Message-Sending-PartnerId": "UNICREDIT",
                "X-Message-Type": "ucCustomerLoginRequest",
                "X-App-UserId": "UNICREDIT",
                "X-App-DeviceFingerPrint": "abc"
            },
            type: "POST",
            url: "http://localhost:8010/UniCreditMobileService/services/ucms/customer",
            data: d,
            success: function(data) {
                alert(data);
                console.log("success: " + data);
            }
        });
    }
});

我在 java 中编写了一个 JUnit 测试用例，这个请求运行良好。同样，我尝试使用 chrome 浏览器的 Dev-HTTP 插件发送请求，它工作正常。但是，我的 JQuery 代码不起作用。

当我启动 html 页面时没有任何反应。我没有回复。我正在使用 Firebug 控制台检查从服务器收到的响应。

请帮我解决问题。

【问题讨论】：

标签： jquery html ajax

【解决方案1】：

试试这个：

function loginh(event) {
  event.preventDefault();

  // all your codes
}

其中，event 是submit 事件传递给loginh 函数的参数，此.preventDefault() 将停止表单的默认提交停止 AJAX 提交的行为。

【讨论】：

工作就像一个魅力！哇。这是做什么的？