1. 程式人生 > 其它 >新增資料到資料庫(2)

新增資料到資料庫(2)

技術標籤:javascript

今天接著上面講。

這一句意思就是接受返回的資料,返回的一個數據必須要有接收才可以。
在這裡插入圖片描述
因為只查詢單表,所以沒有聯表,查詢完資料之後表格渲染就完成了,渲染圖。
在這裡插入圖片描述
圖片上傳有限,所以只能看到一部分,操作是自定義的話,要設定自定義屬性值。

最後說新增,來到檢視這邊,寫接受返回的資料一個程式碼。

一般來說新增都會有模態窗體,我也一樣,先要給新增按鈕設定一個點選事件。有開啟模態窗體就會關閉,所以也要寫一個點選關閉按鈕的事件。

關閉按鈕很容易,給你的關閉按鈕設定一個點選事件,οnclick="

layerClose ",雙引號裡面的名稱要跟你定義的方法名稱要一致,儲存按鈕也一樣。

function layerClose() {layer.close(layerIndex)};

layerIndex一開始就定義好了的變數。

圖片裡面已經寫好了解釋,在這裡就不多解釋。
在這裡插入圖片描述
開啟新增模態窗體之後,輸入你要輸入的資料,然後就是重點了,圈起來,要考。

儲存按鈕,又要去控制器裡面寫你要儲存新增的資料到資料庫裡面。
在這裡插入圖片描述
因為有規定,所以圖片不能太大,寫新增就是判斷,判斷名稱不能相同,不能為空啊等等,根據自己喜好判斷就行。

最後就是判斷儲存的值大於0就新增成功,反之亦然。

if (myModel.SaveChanges() > 0){};

最後回到檢視這邊,寫儲存新增按鈕的方法。

先定義變數獲取美元符號裡面的值,

var Type = $("#IGameType").val();
var Name = $("#IGameName").val();
var Crowd = $("#ISuitableCrowd").val();
var Time = $("#IPromulgateTime").val();

獲取到之後就判斷這四個值都不能為空的字串,然後以鍵值對的形式,modGame:這就是我在控制寫新增的方法名稱。

if (Name != ""&& Name != "" && Crowd !=""&& Time != ""){
$.get("modGame",{GameType: Type, GameName: Name, SuitableCrowd:
Crowd, PromulgateTime: Time
},
function (data) {
if(data.State == true) {layer.alert(data.Text);
$("#ModGameDY").modal('hide');
tabGame.reload();
} 
});

$("#ModGameDY").modal(‘hide’):關閉模態窗體,tabGame.reload():意思是重新整理表格。如果data傳回來的資料等於true那就新增成功,