學習Angularjs向資料庫添加資料

標籤：rip   mod   har   win   method   data   select   src   null   

今天學習angularjs向資料庫添加資料。

學習此篇，得從以往幾篇開始，因為那還有建立資料表等示範。

現在來建立一個添加的預存程序：

 1 SET ANSI_NULLS ON 2 GO 3  4 SET QUOTED_IDENTIFIER ON 5 GO 6  7  8 CREATE PROCEDURE [dbo].[usp_Goods_Insert] 9 (10     @Item NVARCHAR(55),11     @Description NVARCHAR(20),12     @Qty DECIMAL(10,2)13 )14 AS15 IF EXISTS(SELECT TOP 1 1 FROM [dbo].[Goods] WHERE [Item] = @Item)16 BEGIN17     RAISERROR(N‘[%s]物料已經存在.‘,16,1,@Item)18     RETURN19 END20 ELSE21     INSERT INTO [dbo].[Goods] ([Item],[Description],[Qty]) VALUES (@Item,@Description,@Qty)22 GO23 24 Source Code

View Code

添加一個實值方法，即是程式與資料庫之間的協作：

 

在ASP.NET MVC 的控制器中，添加2個操作，一個是為網頁準備，一個是添加Action:

 

MVC視圖：

其中上面#2html代碼：

 

#3javascript程式：

 

var GoodsApp = angular.module(‘GoodsApp‘, []);        GoodsApp.controller(‘GoodsAdditionController‘, function ($scope, $http) {            $scope.GoodsAddition = function () {                var obj = {};                obj.Item = $scope.Item;                obj.Description = $scope.Description;                obj.Qty = $scope.Qty;                $http({                    method: ‘POST‘,                    url: ‘/Goods/Insert‘,                    dataType: ‘json‘,                    headers: {                        ‘Content-Type‘: ‘application/json; charset=utf-8‘                    },                    data: JSON.stringify(obj),                }).then(                    function success(response) {                        if (response.data.Success) {                            alert("資料添加成功。");                                                        window.location.href = response.data.RedirectUrl;                                                    }                        else {                            alert(response.data.ExceptionMessage);                        }                    },                    function error(error) {                        alert(response.error.data);                    });            };        });Source Code

  
即時示範：

 

 

[轉自：http://www.cnblogs.com/insus/p/6858290.html]

學習Angularjs向資料庫添加資料