3

我有一个下拉

 <%=Html.DropDownList("genre", Model.genres, "", new { @onchange = ChangeMovie()" })%>

JavaScript 看起来像（不完整）

function ChangeMovie() {
    var genreSelection = container.find( '#genre' ).val();

    $.ajax({  
        "url" : "/Movies/GetGenre" ,
        "type" : "get" ,
        "dataType" : "json" ,
        "data" : { "selectedValue" : $( "#genre").val() },
        "success" : function (data) {}
    });
};

控制器代码

public ActionResult GetGenre(string genreName)
{
   //Need to get the `genreName` from the JavaScript function above.. which is
   // in turn coming from the selected value of the drop down in the beginning.

}

我想通过 js 函数将下拉列表的选定值传递给控制器​​代码中的操作结果。我需要帮助来处理 JavaScript 代码和 AJAX 调用代码，以便将正确的值传递给控制器​​。

4

3 回答 3

3

您在 Ajax 请求中发布的值的参数名称与 Action 参数名称不匹配。selectedValue应该是genreName。

改变这个：

"data" : { "selectedValue" : $( "#genre").val() },

对此：

data : { genreName : $("#genre").val() },
于 2012-05-21T14:59:31.000 回答
3

为了使模型绑定正常工作，传递的 json 对象的字段名称应与控制器操作的参数名称匹配。所以，这应该工作

"data" : { "genreName" : $( "#genre").val() },
于 2012-05-21T15:00:02.303 回答
3

您有很多不必要的引号，也没有在您的操作中返回 JSON

$.ajax({
    url: "/Movies/GetGenre/",
    dataType: "json",
    cache: false,
    type: 'GET',
    data: {genreName: $("#genre").val() },             
    success: function (result) {
        if(result.Success) {
            alert(result.Genre);
        }
    }
});

另外，您的控制器没有返回 Json，请将您的操作修改为此

public JsonResult GetGenre(string genreName) {
    // do what you need to with genreName here 
    return Json(new { Success = true, Genre = genreName }, JsonRequestBehavior.AllowGet);
}
于 2012-05-21T15:06:51.603 回答