how to pass list string from view to controller by ajax jquery

Question

this is my html

<ul class="sb_dropdown" style="display:none;">
                    <li class="sb_filter">Chon the loai</li>
                    <li><input type="checkbox" value="All"/><label for="all"><strong>Tất cả</strong></label></li>
                    <li><input type="checkbox" value="Woman"/><label for="Automotive">Đồ nữ</label></li>
                    <li><input type="checkbox" value="Shoes"/><label for="Baby">Giày</label></li>
                    <li><input type="checkbox" value="Bag"/><label for="Beauty">Túi sách</label></li>
                    <li><input type="checkbox" value="Man"/><label for="Books">Đồ nam</label></li>                      
                </ul>

this is my ajax to call control,

 <script>
                        $('.sb_search').click(function () {
                            var list = [];
                            $('ul.sb_dropdown').find("input:checkbox:checked").each(function () {
                                list.push($(this).val());
                            });
                            var key = { listkey: list };
                            $.ajax({
                                url: '@Url.Action("Search", "Result")',
                                traditional: true,
                                data: list,
                                dataType: "html",
                                type: 'POST',
                                success: function (data) {
                                    alert("success");
                                },
                                error: function () {
                                    alert("fail");
                                }
                            });

                        });
                    </script>

In my controller,i have a paramater listkey that i hope will receive from view when i click button search

public ActionResult Result()
    {
        return View();
    }
    [HttpPost]
    public ActionResult Result(List<string> listkey)
    {
        var n = listkey;
        return View();
    }

when i debug this isn't do the action result,and it alert fail.tell me what im doing wrong.and please help me about returnjson why i need to use instead i want to use normal View to show my result

I has been solved this problem because i put wrong action and controller in my ajax.Thank you all

Why you want to pass your html to the action result? Instead you can pass only the values which is selected/un-selected. — Rajeshkumar Kandhasamy
– Rajeshkumar Kandhasamy, Commented Nov 14, 2014 at 13:34
i dont want to pass my html to action result,i want to pass a list value of checkbox where its checked,and i want to open a view of result in search controller — Cong Le
– Cong Le, Commented Nov 14, 2014 at 13:55

Pranay Rana · Accepted Answer · 2014-11-14 14:14:42Z

6

Edit try this , create array and pass that to your controller

    var stringArray = new Array();
    stringArray[0] = "item1";
    stringArray[1] = "item2";
    stringArray[2] = "item3";
    var postData = { listkey: stringArray };

than you data will be , in you ajax call

   data: postData 


$.ajax({
        type: "POST",
        url: '@Url.Action("Search", "Result")',
        data: postData,
        success: function(data){
            alert(data.Result);
        },
        dataType: "json",
        traditional: true
    });

you can do like this ,

convert you list into json string like as below

you data will be data: '{ "listkey":' + JSON.stringify(list) + '}',

$.ajax({
                                url: '@Url.Action("Search", "Result")',
                                traditional: true,
                                 data: '{ "listkey":' + JSON.stringify(list) + '}',
                                dataType: "html",
                                type: 'POST',
                                success: function (data) {
                                    alert("success");
                                },
                                error: function () {
                                    alert("fail");
                                }
                            });

than try to see you are getting result you want or not

  [HttpPost]
        public ActionResult Result(List<string> listkey)
        {
            var n = listkey;
            return View();
        }

edited Nov 14, 2014 at 14:14

answered Nov 14, 2014 at 13:30

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

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

3 Comments

Cong Le Over a year ago

Its not getting the paramater listkey to my controller when i debug,i think i right when i use ajax to call a action,and pass paramater to its.i dont see any fault on this code

Cong Le Over a year ago

hi prana,i try this and it doesn't work agian.So i do it in the Layout page, i was try to easy change paramater to int id,and i pass it with value 1,it alert fail

Pranay Rana Over a year ago

@CongLe - pelase do accept answer if it is help you to resolve issue

Anusha M Shetty · Accepted Answer · 2019-04-17 08:21:14Z

0

<script>
 $('.sb_search').click(function () {
    var list = [];
    $('ul.sb_dropdown').find("input:checkbox:checked").each(function () {
    list.push($(this).val());
    });

    $.ajax({
        url: '@Url.Action("Search", "Result")',
        data: { listkey: list },
        dataType: "json",
        type: 'POST',
        traditional: true,
        success: function (data) {
            alert("success");
        },
        error: function () {
            alert("fail");
        }
    });
});
 </script>



       [HttpPost]
       public ActionResult Result(List<string> listkey)
       {
           var n = listkey;
           return View();
       }

answered Apr 17, 2019 at 8:21

Anusha M Shetty

3793 silver badges4 bronze badges

Collectives™ on Stack Overflow

how to pass list string from view to controller by ajax jquery

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related