sending array of ints from js to the controller

Question

Inside view I have list of images with corresponding checkboxes. I want to check image or images and store image id's to int array. This int array should be sent to the controller for further process.

I'm already spend too much time on this and I'm getting int[] data null at controller

Question is: Why I'm getting null at controller?

SOLVED! In my _Layout jquery scripts bundle call was at the end of the document, when I was move to the top everything works.

View

<div id="newsImages">
    <img width="50" height="50" alt="" src="/imageOne.jpg">    
        <input type="checkbox" class="imgCheckbox" id="4">   
    <img width="50" height="50" alt="" src="/imageTwo.jpg">    
        <input type="checkbox" class="imgCheckbox" id="5">   
    <input type="button" value="Delete" name="deleteImgBtn" id="deleteImgBtn" class="deleteImagesBtn">    
</div>

JS

var imgList = [];
$(document).on("click", "#deleteImgBtn", function (e) {
    e.preventDefault();
    $('.imgCheckbox:checked').each(function () {        
        var id = $(this).attr('id');
        //add image id to the array of ints
        imgList.push(id);
    });
    jQuery.ajaxSettings.traditional = true;    
    var options = {
        url: '/news/deleteimages',
        type: 'POST',        
        data: { data: imgList },
        traditional: true
    };
    $.ajax(options).done(function (data) {
        var $target = $('#newsImages');
        $target.html(data);
    });
    //reset array of int to prevent browser to send duplicated 
    //img id to the controller on second attempt after ajax request is completed
    imgList.length = 0;
    //prevent browser from any default actions
    return false;
});

CONTROLLER

public ActionResult DeleteImages(int[] data)
{
  ...
}

You are trying to passing a js array. Just try a js object instead. Also you can try: - make the array json and set the ajax property datatype: json — Kiren S
– Kiren S, Commented May 10, 2013 at 12:12

Community · Accepted Answer · 2017-05-23 12:03:26Z

2

You can seralize your array and send it via ajax.

Serializing to JSON in jQuery

and read the seriazlized array, parse it..check every thing and go

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered May 10, 2013 at 12:09

Павел Иванов

1,1648 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

RRikesh · Accepted Answer · 2013-05-10 12:20:31Z

0

Use JSON.stringify.

var myarr = [];
myarr[0] = 'as';
myarr[1] = 'we';

console.log ( JSON.stringify( myarr ) );

Output is:

["as","we"]

On your PHP side, use json_decode:

print_r( json_decode('["as","we"]') );

will output:

Array ( [0] => as [1] => we )

answered May 10, 2013 at 12:20

RRikesh

14.5k5 gold badges55 silver badges74 bronze badges

Collectives™ on Stack Overflow

sending array of ints from js to the controller

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related