ASP.NET MVC 之Button以jQuery觸發Ajax

摘要:ASP.NET MVC 之Button以jQuery觸發Ajax

最近在接手前人專案時,發現到實用的寫法,因此記錄下來。

參考jquery.ajax:

http://api.jquery.com/jquery.ajax/

HTML:

<input id="btn" type="button" value="按下" />

jQuery:

$('#btn').click(function () {
                $.ajax({
                    url: '@Url.Action("Controller內的Action")',
                    data: { selectid: $('#EmployeeID').val() },
                    cache: false,
                    async: false,
                    dataType: 'html',
                    type: 'get',
                    success: function (result) {
                        alert(result);
                    }, failure: function (result) {
                        alert('系統異常');
                    }
                })

 

解釋:

data: { selectid: $('#EmployeeID').val() }為選取列內的id

cache:是否使用瀏覽器快取

async:是否同步

dataType:傳送格式(xml, json, script, or html)

type:呼叫方式可以為GET或POST