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

如何在单击按钮时将参数传递给jQuery

2 个答案: