Javascript 将值从MVC视图传递到控制器

我的MVC应用程序中有一个控制器，可以将数据插入数据库。如下所示：

 public ActionResult Add(string orgCode)
    {
       ClientClass client = new ClientClass();
        if (ModelState.IsValid)
        {
            int _records = client.Insert(orgCode, "");
          //  int _records = insertmodel.Insert(insertmodel.Org_Name, insertmodel.Org_Code);
            if (_records > 0)
            {
                return RedirectToAction("Index", "Home");
            }
            else
            {
                ModelState.AddModelError("", "Can Not Insert");
            }
        }
        return View(client);
    }

我的视图层中还有一些输入字段，用于存储我正在输入的数据的ng模型，如下所示：

<div id="step-2" ng-controller="HomeController">
                    <div class="form-group">
                        <div class="form-group" style="padding-left:33%">
                            <div class="row">
                                <br />
                                <div class="col-lg-2">
                                    <h2 style="color:#FF5D00">STEP 2:</h2>
                                </div>
                                <div class="col-lg-5">
                                    <h2 style="color:#00386B"> Contact Details</h2>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-2" style="padding-top:8px">
                                    <label for="contactperson" class="labelQuestion">Contact Name</label>
                                </div>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="contactperson" ng-model="userDetails.contactperson" id="txtContactPerson" placeholder="e.g John Smith">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-2" style="padding-top:8px">
                                    <label for="contactemail" class="labelQuestion">Contact Email</label>
                                </div>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="contactemail" ng-model="userDetails.contactemail" id="txtContactEmail" placeholder="e.g john.smith@go2tigers.com">
                                    <div class="help-block with-errors"></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-2" style="padding-top:8px">
                                    <label for="contactnumber" class="labelQuestion">Contact Number</label>
                                </div>
                                <div class="col-lg-7">
                                    <input type="text" class="form-control" name="contactnumber" id="txtContactNumber" ng-model="userDetails.contactnumber" placeholder="e.g +27 76 256 0098">
                                    <div class="help-block with-errors"></div>
                                </div>
                                <button type="submit">submit stuff</button>
                            </div>
                        </div>
                    </div>
                    <pre>{{userDetails |json }} </pre>
                    {{message}}
                </div>

步骤2：
联系方式
联系人姓名
联系电子邮件
联系电话
提交材料
{{userDetails | json}}
{{message}}

在我的javascript中，我正在测试Angularjs绑定是否正常工作：

$scope.userDetails={
组织名称：“”，
组织代码：''，
分支代码：“”，
部门：''，
日期范围：“”，
联系人：“”，
联系人电子邮件：“”，
联系人号码：“”
}

---

我试图做的是将收集到的值传递给添加到数据库中的方法。经过4个小时的挣扎，我迷路了。我不知道从哪里（javascript或从视图）调用该方法，以及如何传递这些参数。任何协助都将不胜感激

你应该把工作分为两部分：

1-创建web服务以返回数据（例如JSON）

请参见此处的示例：

2-在Javascript代码（内部）上使用HTTP调用该服务，并将收到的JSON绑定到您的作用域

见示例：

如有疑问，请留言