Angular Asp.Net Web Service CallBack
HTML
1: <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="Demo01">
2: <head runat="server">
3: <title>Angular Asp.Net Web Service CallBack</title>
4: <script src="javascript/angular.min.js" type="text/javascript"></script>
5: </head>
6: <body>
7: <form id="form1" runat="server">
8: <div data-ng-controller="CDemo01">
9: <a href="#" data-ng-click="Query()">查詢</a>
10: <input data-ng-model="data.Name" type="text" />
11: <input data-ng-model="data.Age" type="text" />
12: <span ng-bind="result|json"></span>
13: </div>
14: </form>
15: </body>
16: </html>
JAVASCRIPT
1: <script type="text/javascript">
2: var Mod = angular.module('Demo01', []); //Module Name:Demo01
3:
4: Mod.controller('CDemo01', function ($scope, $http) { //Controller Name:CDemo01
5: $scope.Query = function () {
6: $http.post('Demo04.aspx/GetObjects', //URL
7: {paramData: JSON.stringify($scope.data == null ? '[]' : $scope.data) }, //參數
8: {'Content-type': 'application/json' }).success(function (data) { //DataType
9: $scope.result = JSON.parse(data.d); //回傳值
10: })
11: };
12: });
13: </script>
CS
1: /// <summary>取得Json資料</summary>
2: /// <param name="paramData"></param>
3: /// <returns></returns>
4: [WebMethod]
5: public static String GetObjects(String paramData) {
6: JObject o = JObject.Parse(paramData); //JSON.Net
7: String _name = o["Name"].ToString().ToUpper();
8: String _Age = o["Age"].ToString();
9: String _json = o.ToString();
10: return _json;
11: }