【问题标题】:JQuery getJSON is not working in MVC4 ProjectJQuery getJSON 在 MVC4 项目中不起作用
【发布时间】:2014-10-17 14:08:53
【问题描述】:

我不知道我需要在 MVC4 项目中做什么。它在 MVC3 项目中运行良好。

我尝试调用控制器方法来获取 Json 结果。我想在客户端输入用户名后显示名字和姓氏。我使用 getJson 从控制器类中获取 Json。它可以在 mvc3 项目中找到,但是在我移到 MVC4 之后,JQuery 方法没有运行。

我的控制器:

public JsonResult PopulateDetails(EditUserModel model)
    {
        EditUserModel userResultModel = new EditUserModel();

        userResultModel.LastName = "John";
        userResultModel.FirstName = "Marry";


        return Json(userResultModel, JsonRequestBehavior.AllowGet);
    }

我的观点:

<script type="text/javascript">



function PopulateData() {
        var user = {};
        user.UserName = $("#UserName").val();
        $.getJSON("PopulateDetails", user, updateFields);   // Call the Function from Controller

    };

    updateFields = function (data) {


        $("#FirstName").val(data.FirstName);
        $("#LastName").val(data.LastName);

    };

<div class="editor-field">
        @*@Html.EditorFor(model => model.UserName)*@
         @Html.TextBoxFor(model => model.UserName, new { tabindex = "1", onblur = "javascript:PopulateData();"  } )
        @Html.ValidationMessageFor(model => model.UserName)
    </div>

 <div class="editor-label">
        @Html.LabelFor(model => model.FirstName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.FirstName)
        @Html.ValidationMessageFor(model => model.FirstName)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.LastName)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.LastName)
        @Html.ValidationMessageFor(model => model.LastName)
    </div>

请告诉我 MVC4 项目有什么问题。

谢谢..

【问题讨论】:

  • 您在项目中升级MVC版本时,是否更新了您的js库和页面引用?
  • 尝试多调试一下,检查 chrome 中的网络选项卡或使用 fiddler 来查看用户输入用户名时是否确实发出了请求。
  • 我将所有脚本放入@section Scripts { } 然后为我工作。

标签: asp.net-mvc-4 getjson


【解决方案1】:

我把我所有的脚本都放进去

@section Scripts { 

           <script type="text/JavaScript"> {  // My Function  } }

然后为我工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-05-17
    • 2017-09-05
    • 1970-01-01
    • 2013-02-12
    • 1970-01-01
    • 1970-01-01
    • 2011-07-05
    • 1970-01-01
    相关资源
    最近更新 更多