MVC使用jQuery从视图向控制器传递Model的2种方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了MVC使用jQuery从视图向控制器传递Model的2种方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2014字，纯文字阅读大概需要3分钟。
内容图文
http://blog.csdn.net/make1828/article/details/29846003
using System.ComponentModel.DataAnnotations;
namespace MvcApplication1.Models
{
public class Movie
{
public int Id { get; set; }
[Required(ErrorMessage = "必填")]
public string Title { get; set; }
}
}
HomeController中，一个Action用来显示强类型视图，一个用来接收从视图传递过来的Model。
using System.Web.Mvc;
using MvcApplication1.Models;
namespace MvcApplication1.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View(new Movie());
}
public ActionResult AddMovie(Movie movie)
{
return Json(new {msg = "ok"});
}
}
}
方法一：通过jQuery的serialize()方法
@model MvcApplication1.Models.Movie
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index</h2>
@using (Html.BeginForm("AddMovie", "Home", FormMethod.Post, new {id = "addForm"}))
{
@Html.EditorFor(m => m.Title)
@Html.ValidationMessageFor(m => m.Title)
<br/>
<input type="button" id="addMovie" value="提交"/>
}
@section scripts
{
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
<script type="text/javascript">
$(function() {
$(‘#addMovie‘).click(function(e) {
e.preventDefault();
if ($(‘#addForm‘).valid()) {
$.ajax({
url: $(‘#addForm‘).attr(‘action‘),
type: $(‘#addForm‘).attr(‘method‘),
data: $(‘#addForm‘).serialize(),
success: function(data) {
if (data.msg == ‘ok‘) {
alert(‘提交成功‘);
}
}
});
}
});
});
</script>
}
方法二：通过jQuery的 JSON.stringify()方法把匿名对象转换成json
$(function() {
$(‘#addMovie‘).click(function(e) {
e.preventDefault();
if ($(‘#addForm‘).valid()) {
addMovie();
}
});
});
function addMovie() {
var movie = {
"Title" : $(‘#Title‘).val()
};
$.ajax({
url: ‘@Url.Action("AddMovie","Home")‘,
data: JSON.stringify(movie),
type: ‘POST‘,
contentType: ‘application/json;charset=utf-8‘,
success: function(data) {
if (data.msg == ‘ok‘) {
alert(‘提交成功‘);
}
}
});
}
原文：http://www.cnblogs.com/zkwarrior/p/4863309.html
内容总结
以上是互联网集市为您收集整理的MVC使用jQuery从视图向控制器传递Model的2种方法全部内容，希望文章能够帮你解决MVC使用jQuery从视图向控制器传递Model的2种方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。