Post list using jquery ajax

Question

I have this code in razor

@{
    var aid = new List<int>();
    foreach (var item in Model.applications)
    {
        if (item.Status == 1)
        {
            aid.Add(item.Id);
        }
    }
}

and in js I have this:

<script>
function checkIfSigned() {

    var data = { aid: @aid };
    console.log(data);

    $.ajax({
        url: '@Url.Action("Method", "Controller")',
        type: "POST",
        data: data,
        ...
    });
}

and in my controller:

public JsonResult Method(List<int> aid)
{
  foreach (var item in aid)
  { ... }
}

my problem is:

var data = { aid: @aid };

It throws an exception:

Uncaught SyntaxError: Unterminated template literal

var data = { aid: System.Collections.Generic.List`1[System.Int32] };

What can I do? how can I post list?

The string representation of an object is just the class name of that object. You can perhaps JSON-serialize the object when outputting it to the page. Though why do you need to do this in the first place? You're sending unmodified data back to the server which just gave you that data. Seems unnecessary. — David
– David, Commented Apr 5, 2017 at 13:02
You need to convert your c# list to a javascript array. But why is that code in your view (it belongs in your controller) — user3559349
– user3559349, Commented Apr 5, 2017 at 13:03
I know it should be in controller but for now I haven't any other way.. I must check these values using timeout — gsiradze
– gsiradze, Commented Apr 5, 2017 at 13:11
Sorry, but what your doing makes not sense (and as @David has noted, its pointless) - but your can use var data = { aid: @Html.Raw(Json.Encode(aid)) }; and the you need data: JSON.stringify(data); and contentType: 'application/json', — user3559349
– user3559349, Commented Apr 5, 2017 at 13:17
@StephenMuecke thanks. and what type of parameter should I pass in action method? — gsiradze
– gsiradze, Commented Apr 5, 2017 at 13:28

Majdi Saibi · Accepted Answer · 2017-04-05 13:43:29Z

1

You can do like that :

var data = []; // javascript array
@foreach(var item in Model.applications)
{
    if (item.Status == 1)
    {
        <text> 
           /* start JS */
           data.push('@item.Id'); 
           /* end JS */
        </text>
    }
}

and in JS Ajax :

    <script>
    function checkIfSigned() {

        console.log(data);

        $.ajax({
            url: '@Url.Action("Method", "Controller")',
            type: "POST",
            data: data,
            ...
        });
    }
    </script>

edited Apr 5, 2017 at 13:43

answered Apr 5, 2017 at 13:39

Majdi Saibi

4456 silver badges14 bronze badges

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

7 Comments

Majdi Saibi Over a year ago

just delete this line : var data = { aid: @aid };

gsiradze Over a year ago

I have (IEnumerable<string> data) as parameter but call is not going inside it and logs internal 500 error

gsiradze Over a year ago

ok it was because of content-type. I remove it and call goes inside method but both IEnumerable<int> data or IEnumerable<string> data are null..

Majdi Saibi Over a year ago

Try this :

$.ajax({             url: '@Url.Action("Method", "Controller")',             type: "POST",             data: {aid: data},             ...         });

gsiradze Over a year ago

I'm trying same

|

Collectives™ on Stack Overflow

Post list using jquery ajax

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related