javascript - 将变量从视图传递到控制器ajax

Question

我正在尝试获取单击按钮的 id，然后使用 ajax 将其发送到控制器操作中buttonId的变量，但我对 ajax 比较陌生，不确定我哪里出错了。categoryIdAddItemItemController

视图中的html代码：

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

视图中的 javascript 代码获取单击的按钮的 id：

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();
 }