Mvc - 点击按钮时如何将模型从视图传递到控制器？ [英] Mvc - how to pass model from view to controller when click button?
本文介绍了Mvc - 点击按钮时如何将模型从视图传递到控制器？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
查看
View
<pre lang="HTML">@model SendAFaxWeb.Models.Send
//view start here
<body>
<div>
<h2>Test Upload File</h2>
<form action="@Url.Action("Index", "Home")" id="form" method="post" enctype="multipart/form-data">
@Html.AntiForgeryToken()
<div class="form-group">
<label>Fax Number:</label>
@Html.TextBoxFor(m => m.Recipients[0].Number)
</div>
<div class="form-group">
<label>Select File:</label>
<input type="file" name="files" id="file" multiple="multiple" onchange="this.form.submit();" />
</div>
<div>
@if (Model != null)
{
foreach (var item in Model.Documents)
{
<li>FileName: @item.Name</li>
}
}
</div>
</form>
<input type="submit" name="send" value="Send" id="btnSend" />
</div>
</body>
Javascript
Javascript
<script type="text/javascript">
$(document).ready(function () {
$("#btnSend").click(function (e) {
alert("button click");
e.preventDefault();
var model = @Html.Raw(Json.Encode(Model))
$.ajax({
type: 'post',
url: '@Url.Action("Send", "Home")',
data: JSON.stringify({ contact: model }),
contentType: 'application/json; charset=utf-8',
dataType: "json",
success: function (data) {
alert(data);
}
});
});
});
</script>
控制器
Controller
public ActionResult Send(Send contact)
{
//some code here
}
我尝试了什么：
我试图通过使用javascript向控制器传递模型，但是它不起作用。我认为我的javascript出了问题。任何人都可以帮助我吗？
What I have tried:
I tried to pass model by using javascript to the controller, but its not working. I think got something wrong with my javascript. Can anyone help me?
推荐答案
（ document ）。ready（ function （）{
(document).ready(function () {
（ ＃btnSend ）。点击（ function （e）{
alert（ 按钮单击）;
e.preventDefault（）;
var model = @ Html.Raw（Json.Encode（Model））
("#btnSend").click(function (e) { alert("button click"); e.preventDefault(); var model = @Html.Raw(Json.Encode(Model))
.ajax（{
type：' post'，
url：' @ Url .Action（发送，主页）'，
数据： JSON .stringify（{contact：model}），
contentType：' 应用/ JSON; charset = utf-8'，
dataType： json，
成功： function （data）{
alert（data）;
}
}）;
}）;
}）;
< / script>
.ajax({ type: 'post', url: '@Url.Action("Send", "Home")', data: JSON.stringify({ contact: model }), contentType: 'application/json; charset=utf-8', dataType: "json", success: function (data) { alert(data); } }); }); }); </script>
控制器
Controller
public ActionResult Send(Send contact)
{
//some code here
}
我尝试了什么：
我试图通过使用javascript向控制器传递模型，但是它不起作用。我认为我的javascript出了问题。任何人都可以帮助我吗？
What I have tried:
I tried to pass model by using javascript to the controller, but its not working. I think got something wrong with my javascript. Can anyone help me?
这篇关于Mvc - 点击按钮时如何将模型从视图传递到控制器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
