1.สร้างหน้ารับข้อมูลที่จะส่งไปให้ controller
<div ng-app="test-app">
<h1>Angular</h1>
<div ng-controller="test-controller">
<input type="text" ng-model="startDate" />
<input type="text" ng-model="endDate" />
<button type="submit" ng-click="SendDataToController()">Sunmit</button>
<div id="response">{{response}}</div>
</div>
</div>
<script>
var app = angular.module('test-app', []);
app.controller('test-controller', function ($scope, $http) {
$scope.SendDataToController = function () {
var url = "./home/cal"
$scope.DataRequest = { StartDate: $scope.startDate, EndDate: $scope.endDate }
$http.post(url, $scope.DataRequest)
.success(function (data, status) {
$scope.response = data;
})
};
})
</script>
2.สร้าง C# Model
public class RequestModel
{
public string StartDate { get; set; }
public string EndDate { get; set; }
}
3.สร้าง C# Controller รับข้อมูล
public JsonResult Cal(RequestModel request)
{
return Json(request, JsonRequestBehavior.AllowGet);
}
ไม่มีความคิดเห็น:
แสดงความคิดเห็น