Jquery提交未正确触发控制器操作方法

Question

提交表单时调用了uploadimage操作，但前面有一个id，可能是我的路由配置不对？

它正在提交 managespace/4/uploadimage 呈现的 html 是这样的

<form action="/ManageSpaces/4/UploadImage"

路由配置

routes.MapRoute("ManageSpaces",
            "ManageSpaces/{id}/{action}",
            new { controller = "ManageSpaces"}, //removed action = "overview" from default - this would make it optional, now its mandatory 
            new { id = @"\d+" } //The regular expression \d+ matches one or more integers
            );

jquery

$('#selectedFile').change(function() {
    $('#imageajaxForm').submit();
});

<div id="images">
            @using (Ajax.BeginForm("UploadImage", "ManageSpaces", new { id = Model.SpaceId }, new AjaxOptions
            {
                HttpMethod = "get",
                InsertionMode = InsertionMode.Replace,
                UpdateTargetId = "imageList"
            }, new { id = "imageajaxForm" }))
            {
                @*@Html.TextBoxFor(model => model.TeacherImageFileBase, new { @type = "file", id = "selectedFile", style = "display: none;" })*@
                <input type="file" id="selectedFile" style="display: none;" />
                <input type="button" value="Add Photos" class="btn" id="pictureupload" />
            }
            <div id="imageList">
                @foreach (var image in Model.Images)
                {
                    <h4>this is an image</h4>
                }
            </div>
        </div>

控制器中的动作方法

[HttpGet]
    public ActionResult UploadImage(int id)
    {
        return Json("Saved");
    }

Answer 1

也许我命名表单的方式有问题

是的，现在你有new { name = "imageajaxForm" }，但在你的javascript代码中你使用$('#imageajaxForm')，这意味着你应该给你的表单一个id，而不是name：

new { id = "imageajaxForm" }