Передача переменной из вида в контроллер ajax

Question

Я пытаюсь получить идентификатор нажатой кнопки и затем отправить это buttonId в переменную categoryId в действии AddItem контроллера ItemController, используя ajax, но я относительно новичок в ajax и я не уверен, где я иду не так.

html код в поле зрения:

<button id="1" onclick=" buttonClicked(this.id)">button1</button>

javascript код в поле зрения, который получает идентификатор нажатой кнопки:

function buttonClicked(buttonId) {
   $.ajax({
     url: '<%: Url.Action("ItemController, AddItem")%>',
     data: { 'id': buttonId },
     type: "POST",
     cache: false,
   });
}

Код контроллера:

[HttpPost]
public ActionResult AddItem(int buttonId)
 {
   var categoyId = Convert.ToString(buttonId);
   return View();
 }