istudent Ответов: 1

Как найти данные путем циклического перебора div с именем класса и отправки массива или любого типа коллекции данных через jquery ajax в ASP.NET приложение MVC?


Я могу перебирать элемент div с определенным классом и получать данные.

Но я хотел бы сохранить данные в коллекции или массиве и передать их через jQuery Ajax в asp.net приложение mvc.

Что я уже пробовал:

<div id="photoDiv">
        <div id="pcbox-mustang.jpg" class="box box2PerRow imgbox">
            <div class="tools" id="t-0">
                <span id="e-mustang.jpg" class="glyphicon glyphicon-check imgEmail"></span>
                <span id="d-mustang.jpg" class="glyphicon glyphicon-minus-sign trashicon"></span>
                <span id="r-mustang.jpg" class="glyphicon glyphicon-arrow-down imgRotate"></span>
                <p>Mustang</p>
            </div>
        </div>
        <div id="pcbox-mustang.jpg" class="box box2PerRow imgbox">
            <div class="tools" id="t-0">
                <span id="e-bmw.jpg" class="glyphicon glyphicon-check imgEmail img-checked"></span>
                <span id="d-bmw.jpg" class="glyphicon glyphicon-minus-sign trashicon"></span>
                <span id="r-bmw.jpg" class="glyphicon glyphicon-arrow-down imgRotate"></span>

                <p>BMW</p>
            </div>
        </div>
        <div id="pcbox-mustang.jpg" class="box box2PerRow imgbox">
            <div class="tools" id="t-0">
                <span id="e-audi.jpg" class="glyphicon glyphicon-check imgEmail img-checked"></span>
                <span id="d-audi.jpg" class="glyphicon glyphicon-minus-sign trashicon"></span>
                <span id="r-audi.jpg" class="glyphicon glyphicon-arrow-down imgRotate"></span>
            </div>

            <p>Audi</p>
        </div>
    </div>
    <div id="imgDownloadDivId" style="margin-left:15px;text-align:left; padding-bottom:15px;">
        <button id="imgDownloadId" type="button" class="btn btn-primary">Download</button>
    </div>

    <script>

        $(document).ready(function () {

            $(document).on('click', '#imgDownloadId', function () {
               
                $(".img-checked").each(function (index) {

                    var imageID = $(this).prop("id");
                    var imagename = imageID.substring(2);
                    var imgSourcePath = "\\MyProject\\Images\\Cars\\" + imagename
                });

            })

        })
       
    </script>

1 Ответов

Рейтинг:
6

Richard Deeming

Что-то вроде этого:

$(document).on('click', '#imgDownloadId', function (e) {
    e.preventDefault();
    
    var data = [];
    
    $(".img-checked").each(function (index) {
        var imageID = $(this).prop("id");
        var imagename = imageID.substring(2);
        var imgSourcePath = "\\MyProject\\Images\\Cars\\" + imagename;
        data.push(imgSourcePath);
    });
    
    // Send the data to the server here...
});


istudent

У меня возникла проблема с передачей строкового массива из ajax в метод действия mvc.