微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

MVC SPA 应用

如何解决MVC SPA 应用

我正在设计一个基于 ASP.NET MVC 的 SPA。其他部分工作正常,但是以下给出了 504 错误。我在 JavaScript 中添加了警报以查看它的进展情况。有时甚至在调用控制器中的函数之前我得到 504,有时在控制器返回值后收到 504。

型号:

public class CountryModel
{
    public List<Stat> Stats { get; set;  }
}

public class Stat
{
    public string Description { get; set; }
    public string Key { get; set; }
    public string Value { get; set; }
    public Int64 Count { get; set; }
}

控制器:

    public JsonResult GetStats(string code )
    {
        //Code will be used for other calculations. 
        List<Stat> tStat = new List<Stat>();

        Stat stat = new Stat();
        stat.Key = "AAA";
        stat.Value = "1000";
        stat.Count = 111;
        tStat.Add(stat);

        stat = new Stat();
        stat.Key = "BBB";
        stat.Value = "2000";
        tStat.Add(stat);

        stat = new Stat();
        stat.Key = "CCC";
        stat.Value = "3000";
        tStat.Add(stat);

        var stats = tStat;
        return Json(stats);
    }

查看:

@model MvcApplicationrazor.Models.CountryModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h4>
    My SPA. 
</h4>
@using (Html.BeginForm())

{
    <input type="submit" value="Search" onclick="javascript:Search('myCode');" />

    <br />
    <br />
}

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript">

function Search(_code) {
    alert("A1");
    var url = "/Home/GetStats/";
    $.ajax({
        url: url,data: { code: _code },type: "POST",success: function (stats) {
            alert("Success-1");
            ......
            alert("Success-3");
        },error: function (reponse) {
            alert("error : " + reponse.responseXML);
        }
    });
}
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。