新增資料到資料庫(2)
阿新 • • 發佈:2021-01-21
技術標籤: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那就新增成功,