Use a call Ajax to send an Array of string to mvc Controller

Question

i'm trying to get the values from the a table column, I put it in an array then send it to my controller. Something very strange happens, you'll see below :

Here is my JS code :

var result = [];

        $('td:nth-child(' + columnNbr + ')').each(function () {
            var t = $(this).html();
            result.push(t);
        });

        $.ajax({
            type: "POST",
            url: '@Url.Action("UpdateTable", "Home")',
            dataType: "html",
            traditional: true,
            data: { values: result },
            success: function (data) {
            }
        });

My Array "result" is well populated with the values I need.

Here is my controller:

public ActionResult UpdateTable(List<string> values)
{
    return View("index");
}

This returns a 500 internal error. What's driving me crazy is this -> if I modify my JS from what I posted to this:

        //$('td:nth-child(' + columnNbr + ')').each(function () {
        //    var t = $(this).html();
        //    result.push(t);
        //});

        result.push("test1");
        result.push("test2");

The Ajax call works fine ... I checked the "typeof $.(this).html()" and all are strings!

I have no idea what's wrong.

console.log your result array, could be the size of the array been posted. Can you provide some of the test table data? — lukesUbuntu
– lukesUbuntu, Commented Jun 16, 2015 at 9:23
Here is my array : ["2015-06-16", "0", "0", "206000", "206000", "100", "0", "30558", "14,83", "14,83", "9", "19", "147", "0", "0", "88,04", "0", "0", "0", "0", "0", "0", "0", "0", "0", "87917", "-174422", "2849", "0", "0", "62,1", "<input type="button" value="Edit" id="4"> "] — Gun
– Gun, Commented Jun 16, 2015 at 9:27
The last item in the array is the problem ("<input type="button" value="Edit" id="4"> "). Exclude it — user3559349
– user3559349, Commented Jun 16, 2015 at 9:30
Instead of { values: result } can you try - JSON.stringify({ values: result }), it worked for me that way. — ramiramilu
– ramiramilu, Commented Jun 16, 2015 at 9:31

lukesUbuntu · Accepted Answer · 2015-06-16 09:32:08Z

2

You just need to change var t = $(this).html(); to var t = $(this).text();

answered Jun 16, 2015 at 9:32

lukesUbuntu

5172 gold badges12 silver badges22 bronze badges

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

Comments

Vixed · Accepted Answer · 2016-02-18 12:46:47Z

1

Why don't just use $.post()

var result = [];

$('td:nth-child('+columnNbr+')').each(function(){
    result.push($(this).text());
});

$.post('@Url.Action("UpdateTable", "Home")', {values: result});

Or if you need a callback:

$.post('@Url.Action("UpdateTable", "Home")', {values: result}, function(data){
    // what to do
});

answered Feb 18, 2016 at 12:46

Vixed

3,4996 gold badges39 silver badges69 bronze badges

Collectives™ on Stack Overflow

Use a call Ajax to send an Array of string to mvc Controller

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related