1. 程式人生 > >[.net core自我修煉1]關於前端1

[.net core自我修煉1]關於前端1

寫在前面

最近在用.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方法的好處就是可以在頁面進行返回結果,可以給使用者彈框,還是比較方便的。