[網頁][.net MVC] Html Tag Button & Input 差別

由於小弟我正在努力練習MVC

也因為MVC的分層,小弟我還不是很熟悉

在V的部分還使用AJAX、Kendo UI

但今天要講的主題只是 HTML TAG 而已

好,那我就直接講答案吧

HTML TAG

 

不會Reload 的 提交鈕

<input  type="button"  value="提交" / >

<button  type="button"> 提交 </button>

這兩個才不會造成網頁Reload

(不然在前端Ajax Post 還會在跑回Controller Get Action 一次.....傻眼)

其他如

<input type="submit" value="提交">

<button > 提交 </button>

這兩者都會讓頁面Reload喔

-------------------------------------

或者是也可以透過 preventDefalut 來防止Reload

    $("#btnSearch").on("click", function (e) {

        e.preventDefault()      

    });

這樣就不管其他html tag 的設定