[.net core自我修煉1]關於前端1
阿新 • • 發佈:2018-11-09
寫在前面
最近在用.netcore寫一個小的管理類的網站,從.netcore入門到網站有模有樣的部署到伺服器上,前前後後花了一個多月的時間。在此記錄下常用知識點,以備忘,要做一隻合格的會貼上複製的菜鳥。
關於前端
做網站不免就要接觸前端,對於我這樣一個只會寫C/S程式的人來說,就是啥都不懂啊。寫點遇到的問題解決常用寫法,純小白,有更好的方法或者不對的地方歡迎指正。
前端資料傳到後端Controller
個人查了很多資料並結合專案實際應用,發現還是ajax好用,結合js常用的方法如下。
post方法-前端
function check() { //定義json串 var sendData ={id:"123456",status:"123"}; $.ajax({ url:'../controller/action', type:'post', dataType:'json', contentType:"application/json", async:true,//非同步請求 cache:false, data:JSON.stringify(sendData),//使用變數sendData //執行成功的回撥函式 success:function(data) { alert("OK"); }, //執行失敗或錯誤的回撥函式 error:function(data) { alert("失敗"); } }); }
Controller後端接收 要注意 加 [frombody] 才能收到json結構(.netcore專有)
Get方法-前端
方法一
$.ajax({
type: 'GET',
url:'../controller/action',
dataType: 'json',
success: function( data) {
//執行成功
}
});
方法二
$.get("../controller/action", {id:"123456",status:"123" }, function (data) { location.reload();//若成功則重新整理本頁面 });
使用ajax方法的好處就是可以在頁面進行返回結果,可以給使用者彈框,還是比較方便的。