jQuery ajax调用mvc Action不会触发成功/错误

时间:2015-07-07 12:30:46

标签: javascript jquery ajax asp.net-mvc

尝试为全局会话变量创建一个开关,ajax调用永远不会返回“success”或“error”。

调用操作并设置会话密钥,但永远不会触发成功/错误功能。

这很奇怪,因为我使用与其他调用相同的结构来替换div并且它可以工作。

的Javascript 不起作用

function SwitchHelpMode() {
    debugger;
    var helpmode = true;
    $.ajax({
        type: 'GET',
        url: '/Session/GetSessionKey',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: { key: "helpmode" },
        sucess: function (data) {
            alert(data);
            //debugger;
            //var ok = data.success;
            //if (ok) {
            //    var algo = data.value;
            //    alert(algo);
            //    helpmode = !algo;
            //}
        },
        error: function (xhr) {
            //debugger;
            alert(xhr);
            alert('ERROR::SetSessionKey!' + xhr.responseText);
        }
    });
    helpmode = false;
    $.ajax({
        type: 'GET',
        url: '/Session/SetSessionKey',
        data: { key: "helpmode", value: helpmode },
        sucess: function (data) {
            alert(data);
        },
        error: function (xhr) {
            debugger;
            alert('ERROR::SetSessionKey!' + xhr.responseText);
        }
    });
}

控制器

public ActionResult SetSessionKey(string key, string value)
{
    Session[key] = value;

    return Json(new { success = true }, JsonRequestBehavior.AllowGet);
}

public ActionResult GetSessionKey(string key)
{

    if(Session[key] != null)
    {
        var value = Session[key];

        return Json(new { success = true, data = value }, JsonRequestBehavior.AllowGet);
    }
    else
    {
        return Json(new { success = false }, JsonRequestBehavior.AllowGet);
    }
}

Javascript 有效

function FilterInfoByFlightsCallback(values) {
    //debugger;
    var data = JSON.stringify(values);
    var url = '/Campaign/FilterInfoByFlights';
    $.ajax({
        type: 'GET',
        url: url,
        data: { filter: data },
        success: function (result) {
            $('#infoList').html(result);
        },
        error: function (result) {
            // handle errors
            location.href = "/MindMonitor/"
        }
    });
}

来自检查员的回复

http://localhost:50518/Session/GetSessionKey?key=helpmode
{"success":true,"data":"false"}
http://localhost:50518/Session/SetSessionKey?key=helpmode&value=false
{"success":true}

HTTP/1.1 200 OK

Cache-Control: private

Content-Type: application/json; charset=utf-8

Server: Microsoft-IIS/8.0

X-AspNetMvc-Version: 5.2

X-AspNet-Version: 4.0.30319

X-SourceFiles: =?UTF-8?B?
UzpcVlNTb3VyY2VcUHJvamVrdGVcTU1JXGJmdWVudGVzXE1NSVxNaW5kc2hhcmUuTU1JXE1NSVxTZXNzaW9uXEdldFNlc3Npb25LZXk=?=

Persistent-Auth: true

X-Powered-By: ASP.NET

WWW-Authenticate: Negotiate oRswGaADCgEAoxIEEAEAAABDh+CIwTbjqQAAAAA=
Date: Tue, 07 Jul 2015 12:45:03 GMT

Content-Length: 31
HTTP/1.1 200 OK

Cache-Control: private

Content-Type: application/json; charset=utf-8

Server: Microsoft-IIS/8.0

X-AspNetMvc-Version: 5.2

X-AspNet-Version: 4.0.30319

X-SourceFiles: =?UTF-8?B?
UzpcVlNTb3VyY2VcUHJvamVrdGVcTU1JXGJmdWVudGVzXE1NSVxNaW5kc2hhcmUuTU1JXE1NSVxTZXNzaW9uXFNldFNlc3Npb25LZXk=?=

Persistent-Auth: true

X-Powered-By: ASP.NET

WWW-Authenticate: Negotiate oRswGaADCgEAoxIEEAEAAABDh+CIwTbjqQAAAAA=
Date: Tue, 07 Jul 2015 12:45:03 GMT

Content-Length: 16

有什么想法吗?

2 个答案:

答案 0 :(得分:4)

c中没有额外的sucess: function (data) {,因为即使来自服务器的响应是200 OK,但它不会触发传统的success,因为它不是能够找到一个。

应该是 - success: function (data) {

答案 1 :(得分:1)

如果你没有很多经验,那么AJAX可能很难排除故障。适用于所有现代浏览器的开发人员工具(或FireBug)是您的朋友。它们使得查看/理解服务器作为响应返回的内容变得更加容易。

由于请求使用的是Ajax,浏览器不会呈现返回的任何错误页面。

使用Chrome(其他工具类似,通常使用CTRL + SHIFT + I或F12打开):

Open the Developer Tools pane with (CTRL + SHIFT + I).
Click the Network tab.
Click your page element to fire the click handler and send the Ajax request.
Find and click the network request in the Network tab (bottom-left).
The pane next to the network request has Tabs for 'Headers', 'Preview' and 'Response'.

标题会显示请求的内容(发送到服务器的内容)。

响应将显示服务器响应的内容。对于成功的请求,这可能是JSON,如果发生错误,它可能是错误页面的HTML源。

“预览”选项卡将呈现服务器响应(如果可能)。如果您从服务器收到错误响应/页面,这将特别有用,因为您不必浏览原始HTML以查找错误详细信息。

如果您的AJAX呼叫失败,并且您的服务器返回500错误,您可以随时查看服务器日志或查看网络> “预览”选项卡以查看返回的错误详细信息。您可以像处理任何传统服务器响应一样排除错误。