How parse json array of object inside autcomplete c# mvc

Question

I have an auto complete method.

$("#txtSearch").autocomplete({

                  source: function (request, response) {
                      $.ajax({
                          url: "/Home/Getsrchresult",
                          type: "POST",
                          dataType: "json",
                          data: { term: request.term, location: $('#location').val() },
                          success: function (data) {
                              response($.map(data, function (item) {
                                  return {


                                   label: item.srchresult, value: item.srchresult
                                    };
                              }))

                          }
                      })
                  }
              });

my controller passes multidimension array.How to place all data inside autocmplete textbox

controller

                var fd2 = (from r in db.Restaurants
                       where r.restname.ToLower().Contains(term.ToLower())
                       orderby r.state == location descending
                       select new { searchresult = r.restname ,place=r.place


                       }).Take(10);
  return Json(fd2, JsonRequestBehavior.AllowGet);

Response is like this

[{"srchresult":"foodtakeaway","place":"karnataka"},{"srchresult":"ssdf","place":"dfsaf"}]

It is an array of objects, not multidimension array.

L.B
– L.B

2014-02-28 15:45:35 +00:00
Commented Feb 28, 2014 at 15:45 — L.B
– L.B, Commented Feb 28, 2014 at 15:45

Shyju · Accepted Answer · 2014-02-28 15:49:13Z

1

This should work

$("#txtSearch").autocomplete({
     source: function (request, response) {                  
               $.ajax({
                    url: "/Home/Getsrchresult",
                    type: "POST",
                    dataType: "json",      
                    data: { term: request.term,location:$('#location').val() },
                    success: function (data) {
                        response($.map(data, function (item) {                   
                            return { label: item.place, value: item.place };
                        }))
                    }
                })
            }  
});

Assuming you are returning JSON like this

[
    {
        "srchresult": "foodtakeaway",
        "place": "karnataka"
    },
    {
        "srchresult": "ssdf",
        "place": "dfsaf"
    }
]

I have used item.place for label and value property, you may replace it with item.srchresult as needed.

Suggestion : Use MVC Helper methods(Url.Action) to generate the url to your action methods, instead of hardcoding

answered Feb 28, 2014 at 15:49

Shyju

220k106 gold badges420 silver badges499 bronze badges

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

6 Comments

user3300195 Over a year ago

i have 2 items place and srchresult

Shyju Over a year ago

This will work as long as you return n number of items with the JSON structure you mentioned.

user3300195 Over a year ago

can i retrieve both srchresult and place in txtsearch.simultaneously

user3300195 Over a year ago

but i am getting location from javascript.so i cant send javascript variabled in url.Action

user3300195 Over a year ago

this is not the answer i required.pls understand my situation

|

Collectives™ on Stack Overflow

How parse json array of object inside autcomplete c# mvc

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related