如何使用數據ID發送多個ID

Question

這是使用數據ID發送控制器ID的li；

 <li><a href="javascript:;" data-toggle="mftapproveClass" data-title="@item.Name" data-url="@Url.Action("AssignParticipantToClass")" data-id="@item.Id , @item.CourseId , @item.ClassId"><i class="fa fa-thumbs-o-up"></i>Kabul Et</a></li>

這是我寫自己給1發送ID到控制器的js；

$('[data-toggle="mftapproveClass"]').click(function () {

    var id = $(this).data("id");
    var courseId = $(this).data("courseId");
    var classId = $(this).data("classId");
    var url = $(this).data("url") + "/" + id + "/" + courseId + "/" + classId;
    var title = $(this).data("title");

    bootbox.confirm({
        title: "İşlem Onayı",
        message: "<center><strong>" + title + "</strong> İşlemi onaylıyor musunuz?</center>",
        buttons: {
            'cancel': {
                label: 'İptal',
                className: 'btn-default'
            },
            'confirm': {
                label: 'Tamam',
                className: 'btn-danger blue'
            }
        },
        callback: function (result) {
            if (result) {
                $("#preLoader").fadeIn('fast');
                $.post(url, function (json) {
                    if (json.IsComplete) {
                        $("#" + id).remove();
                        BSToastr.show("success", "Başarılı", "İşleminiz Başarıyla Gerçekleştirildi.");
                    }
                    else {
                        BSToastr.show("error", "Hata", "İşleminiz Gerçekleştirilemedi.");
                    }
                    $("#preLoader").fadeOut('fast');
                });
            }
        }
    });


});

我使用的是1個ID，但現在我需要3個，我試圖進行更改，但它不起作用，我嘗試將3個不同的ID發送給控制器，但使用1個數據ID可以工作，但使用3個則不能工作。 這將如何發送3個ID

這是輸出;

POST http://localhost:17458/Panel/Course/AssignParticipantToClass/413%20,%208%20,%202/undefined/undefined 404 (Not Found)
send @ jquery-1.10.2.min.js:6x.extend.ajax @ jquery-1.10.2.min.js:6x.(anonymous function) @ jquery-1.10.2.min.js:6bootbox.confirm.callback @ global.js:210a.buttons.confirm.callback @ bootbox.min.js:6e @ bootbox.min.js:6(anonymous function) @ bootbox.min.js:6x.event.dispatch @ jquery-1.10.2.min.js:5v.handle @ jquery-1.10.2.min.js:5

Answer 1

您可以將每個屬性值添加為data-屬性

<a href="#" ... data-id="@item.Id" data-courseid="@item.CourseId" data-ClassId="@item.classid">...</a>

然后使用以下命令在腳本中訪問它們

var id = $(this).data("id");
var courseId = $(this).data("courseid");
var classId = $(this).data("classid");

請注意，必須在.data()方法中使用所有小寫字母對其進行訪問。 如果檢查data-cOuRseID="someValue"生成的html，您會發現它已轉換為小寫字母data-cOuRseID="someValue" data-courseid="someValue"

例如，除非您為方法創建了特定的路由定義，否則

url: "Panel/Course/AssignParticipantToClass/{id}/{courseId}/{classId}"

然后，您需要修改腳本以使用

var url = $(this).data("url"); // don't add the route values

然后在.post()方法中，使用

$.post(url, { id: id, courseId : courseId, classId: classId }, function (json) {