如何在点击按钮时将参数传递到jquery中

Question

不知道如何将按钮点击事件中的参数传递到我的jquery脚本中。我试图从模型中传递数据，这样我就可以在ajax数据参数中使用它。

<button id="button" value="Delete">Delete</button>

JQuery/Ajax

<script type="text/javascript">
$(document).ready(function () {
$("button").click(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: '@Url.Action("StudentIndex", "JPApplications")',
data: param = "",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: successFunc,
error: errorFunc
});        
function successFunc(data, status) {
alert(data);
}
function errorFunc() {
alert('error');
}
});
});

Answer 1

有几种方法可以做到这一点。您可以将您的记录Id作为属性od按钮。例如

<button id="button" data-id="YOUR ID" value="Delete">Delete</button>

在您的点击事件中。

<script type="text/javascript">
$(document).ready(function () {
$("button").click(function (e) {
e.preventDefault();
var id = $(this).data("id");
$.ajax({
type: "POST",
url: '@Url.Action("StudentIndex", "JPApplications")',
data: param = id,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: successFunc,
error: errorFunc
});        
function successFunc(data, status) {
alert(data);
}
function errorFunc() {
alert('error');
}
});
});

Answer 2

您可以从onClick事件访问值

$("button").click(function (e) {
e.preventDefault(); 
var value = e.target.value;
});