MVC Домашний контроллер
[HttpPost]
public ActionResult Index(int userId, int itemId, int quantity)
{
return Json(res, JsonRequestBehavior.AllowGet);
}
Главный индекс просмотра В котором получают все списки данных в таблице
<div class="container" ng-controller="IndexAngController">
<div class="card" id="divPartialAssignItem">
@Html.Partial("_PartialAssignItem")
</div>
<div class="row">
<table class="table">
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr dir-paginate="item in List">
<td ng-bind="item.index"></td>
</tr>
</tbody>
</table>
</div>
</div>
Частичное представление , в котором есть форма для отправки
<form class="horizontal-form" novalidate name="IndexForm">
<div class="row">
<div class="col-md-6">
<label> Name</label>
<select name="Category" ng-options="list.Id as List.Names for List in Lists">
<option value=""> --Select--</option>
</select>
</div>
</div>
<div class="row">
<div class="col-md-6">
<label>Quantity</label>
<input type="number" name="Quantity" ng-model="txtQuantity">
<span ng-if="IndexForm.$submitted && IndexForm.Quantity.$invalid" ng-bind="msgQuantity"></span>
</div>
</div>
<div class="card-action">
<button type="submit" ng-click="Add(IndexForm.$valid)"> Create</button>
</div>
</form>
Angular Скрипт контроллера Ниже я попытался загрузить на javascript, но загрузка всей страницы была завершена список таблиц.
app.controller('IndexAngController', function ($http, $scope) {
$scope.Add= function (isValid) {
$http({
method: 'POST',
url: '/Home/Add',
data: { Id: $scope.CategoryId, quantity: $scope.txtQuantity},
dataType: 'JSON',
headers: { 'content-type': 'application/json' }
}).then(function (result) {
alert('aded successfully.');
//setTimeout(
// function () {
// location.reload();
// }, 5000
//);
}
});
}
})
Я хочу загрузить только частичное представление, а не всю страницу индекса после успешного добавления.