ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据
更新时间：2017年06月17日 14:29:53 作者：Insus.NET
这篇文章主要介绍了ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据,需要的朋友可以参考下
要求是这样子的，在一个列表页中，用户点击详细铵钮，带记录的主键值至另一页。
在另一外页中，获取记录数据，然后显示此记录数据在网页上。
先用动图演示：
昨天有分享为ng-click传递参数 《angularjs为ng-click事件传递参数》www.cnblogs.com/insus/p/7017737.html
上面仅仅是在ng-click传入一个值，但是在ASP.NET MVC中，还需要把这个值传至另外一个视图中《ASP.NET MVC传递参数(model)》www.cnblogs.com/insus/p/6148167.html
$scope.Detail = function (code) {
var objects = {};
objects.Key = code;
objects.Value = “”;
objects.Controller = “Code”;
objects.Action = “ClauseDetail”;
$http({
method: ‘POST’,
url: ‘/Pass/Redirect’,
dataType: ‘json’,
headers: {
‘Content-Type’: ‘application/json; charset=utf-8’
},
data: JSON.stringify(objects),
}).then(
function success(response) {
if (response.data.Success) {
window.location.href = response.data.RedirectUrl;
}
else {
alert(response.data.ExceptionMessage);
}
},
function error(error) {
alert(response.error.data);
});
};
在ASP.NET MVC的控制器的Action接收参数，获取数据库的数据：
public ActionResult ClauseDetail()
{
if (TempData[“Pass”] == null)
return RedirectToAction(“Clause”, “Code”);
var pass = TempData[“Pass”] as Pass;
TempData[“Pass”] = pass;
Clause c = new Models.Clause();
c.Code = pass.Key.ToString();
ClauseEntity ce = new ClauseEntity();
var model = ce.ClauseByKey(c).FirstOrDefault();
return View(model);
}
上面从数据库获取数据后，给视图一个model。下面是本篇所说的重点，怎样把ASP.NET MVC的model传给angularjs ng-model:
以上所述是小编给大家介绍的ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对华域联盟网站的支持！
您可能感兴趣的文章:Vue.js与 ASP.NET Core 服务端渲染功能整合Asp.NetCore1.1版本去掉project.json后如何打包生成跨平台包ASP.NET Core Project.json文件（5）ASP.NET使用Ajax返回Json对象的方法ASP.NET core Web中使用appsettings.json配置文件的方法C#后台调用前台JS函数方法mongodb使用c#驱动数据插入democ#操作mongodb插入数据效率C#引用类型和值类型的适用场合和区别asp.net使用JS+form表单Post和Get方式提交数据
jquery
angularjs
传参
绑定数据
相关文章
详解Asp.net Core 使用Redis存储Session本篇文章主要介绍了Asp.net Core 使用Redis存储Session ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧。
2016-12-12
asp.net datalist 用法asp.net datalist 用法,需要的朋友可以参考下。 2009-08-08
C# GetWindowRect简介及使用说明GetWindowRect返回指定窗口的边框矩形的尺寸。该尺寸以相对于屏幕坐标左上角的屏幕坐标给出,需要的朋友可以了解下 2012-12-12
C#反射实例学习及注意内容C#反射的入门学习首先要明白C#反射提供了封装程序集、模块和类型的对象等等需要的朋友可以参考下 2012-12-12
asp.net(C#)防sql注入组件的实现代码经常要写一些.net的程序，对于数据库的防注入要求要比较高。这时我从网上搜了一些代码。查看了一下主要是通过HTTPModel来进行对客户端转过来的数据进行处理。 2009-12-12
WPF实现左右移动（晃动）动画效果这篇文章主要为大家详细介绍了WPF实现左右移动或晃动动画效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 2017-12-12
ASP.NET文件上传Upload的实现方法这篇文章主要为大家详细介绍了ASP.NET文件上传的实现方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下 2016-11-11
.NET 缓存设计的使用说明缓存是提高应用程序性能的最好方法之一。运用缓存可以优化数据查询，避免不必要的网络数据回传，和避免执行不必要的完全相同的数据处理逻辑。 2013-03-03
验证一个ASP.NET应用程序和页面的生命周期的实现代码我们知道ASP.NET Page的生命周期实际上是ASP.NET Application的生命周期的一部分。这个周期经历了HTTP Module => HTTP Handler => ASP.NET Page => Http Module这样一个过程 2012-04-04
asp.net后台注册js的四种方法分享这篇文章主要介绍了asp.net后台注册js的四种方法，有需要的朋友可以参考一下 2014-01-01
最新评论
评论(0)