摘要: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