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

如何在单击按钮时将参数传递到jquery,jquery,html,ajax,Jquery,Html,Ajax,不确定如何将按钮单击事件中的参数传递到jquery脚本中。我试图从模型中传递数据,以便在ajax数据参数中使用它 <button id="button" value="Delete">Delete</button> 删除 JQuery/Ajax <script type="text/javascript"> $(document).ready(function () { $("button").click(function (e) {

不确定如何将按钮单击事件中的参数传递到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');
        }
    });
});

$(文档).ready(函数(){
$(“按钮”)。单击(功能(e){
e、 预防默认值();
$.ajax({
类型:“POST”,
url:'@url.Action(“StudentIndex”,“JPApplications”),
数据:param=“”,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:successFunc,
错误:errorFunc
});        
函数successFunc(数据、状态){
警报(数据);
}
函数errorFunc(){
警报(“错误”);
}
});
});

您可以从onClick事件访问值

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

您可以从onClick事件访问该值

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

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

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

$(文档).ready(函数(){
$(“按钮”)。单击(功能(e){
e、 预防默认值();
var id=$(this.data(“id”);
$.ajax({
类型:“POST”,
url:'@url.Action(“StudentIndex”,“JPApplications”),
数据:param=id,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:successFunc,
错误:errorFunc
});        
函数successFunc(数据、状态){
警报(数据);
}
函数errorFunc(){
警报(“错误”);
}
});
});

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

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

$(文档).ready(函数(){
$(“按钮”)。单击(功能(e){
e、 预防默认值();
var id=$(this.data(“id”);
$.ajax({
类型:“POST”,
url:'@url.Action(“StudentIndex”,“JPApplications”),
数据:param=id,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:successFunc,
错误:errorFunc
});        
函数successFunc(数据、状态){
警报(数据);
}
函数errorFunc(){
警报(“错误”);
}
});
});

您要传递的数据源是什么?我要传递记录的ID尝试将参数绑定到变量,以便ID绑定到某个html元素…?您要传递的数据源是什么?我要传递记录的ID尝试将参数绑定到变量,以便ID绑定到某个html元素…?这很有效完美地非常感谢。终于通过了我的考试data@Bkwiat如果它对你有效,你能把它标记为一个答案吗?这非常有效!非常感谢。终于通过了我的考试data@Bkwiat如果它适合你,你能把它标记为答案吗?