【问题标题】:mvc partial view onsubmit form send data from parent viewmvc 部分视图 onsubmit 表单从父视图发送数据
【发布时间】:2017-02-25 23:13:35
【问题描述】:

我正在开发 MVC 5 应用程序。我有一个Parent 视图,它调用Partial 视图,用户可以在其中加载图像。

Submit 上调用 .Ajax 在父视图中定义的调用 Method/Controller

我需要的是发送到我在父视图中的控制器数据。这可能吗?

这是我的代码。

父视图

局部视图

.Ajax 方法

          $('#formPhoto').submit(function (event) {
                event.preventDefault();
                if ($(this).valid()) {
                    var id="aaa";
                    var formdata = new FormData($(this).get(0));
                    $.ajax({
                        url: this.action,
                        type: this.method,
                        data:formdata,
                        processData: false,
                        contentType: false,
                        beforeSend: function () {
                            return true;
                        },
                        success: function (result) {
                            successPhoto();
                        },
                        complete: function () {
                            // alert(3);
                            // And so on.
                        }
                    });
                }
                return false;
            });
            

我需要在data: 中发送var aa='aaa'

【问题讨论】:

    标签: javascript jquery ajax asp.net-mvc parentviewcontroller


    【解决方案1】:

    是的,这是可能的。所以基本上我可以为你建议两种方法来做你需要的:

    第一个:您可以考虑将表单元素放在 ParentView 中并稍微更改您的代码... 第二:您可以从父视图中恢复数据并将其序列化以发送到您的操作。

    所以,从第二个选项来看,它会是这样的:

    var parentInformation = 'aaa';
    var formdata = new FormData($(this).get(0));
    formdata.ExpectedParentOnPropertySide = parentInformation;
    

    拜托了,希望能解决你的问题

    【讨论】:

    • 谢谢.... 我如何获取控制器中的数据?我从父视图中获取模型,从部分视图中获取图像,例如 ChangePhoto(ModelParentView model, System.Web.HttpPostedFileBase Image = null)...我肯定会按照您在第 1 次中所说的那样更改我的模型...
    • 您可以创建一个类以在一个类中接收这两种信息。在 ModelParentView 中,您可以创建一个将接收图像的属性。为了更好地理解正在发生的事情,请检查您对服务器的发布请求,并确定发布到服务器的每个属性以及它将如何绑定到您的服务器操作参数。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-30
    • 2016-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多