Jquery实现数据双向绑定（赋值和取值），类似AngularJS

最新推荐文章于 2024-06-26 09:36:54 发布

smartsmile2012

最新推荐文章于 2024-06-26 09:36:54 发布

阅读量1.1w

点赞数 1

分类专栏： JS & Jquery Asp.net & C#

本文链接：https://blog.csdn.net/smartsmile2012/article/details/53336944

版权

这篇博客展示了如何使用Jquery模拟AngularJS的数据双向绑定功能，通过示例代码详细解释了如何赋值和取值，并提供了在表单提交时读取数据的方法。

摘要由CSDN通过智能技术生成

@{
    ViewBag.Title = "Index";
    Layout = null;
}
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Jquery实现数据双向绑定（赋值和取值）</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script src="~/Js/JqueryExt.js"></script>
    <script>
        $(document).ready(function () {
            var objData = @Html.Raw(Json.Encode(ViewBag.Data));
            //将数据加载到表单中
            $.mloadData(objData);
            //读取表单中的数据 提交
            $("#btnSave").click(function () {
                var data = $.mSaveData(objData);
                console.log(data);
                $.ajax({
                    type: "post",
                    timeout : 3000, 
                    url: "@Url.Action("SavaData", "Default&