Fetch Value using ajax

Question

I have a list defined in my controller. Now i want to get user input ,check if it exists in list in controller and then get all it related value.

Controller

private List<M> Ma()
   {
     List<M> md = new List<M>()
      { 
      new M{ R="a", A=300, T= 1, P=40, N=1200},
      new M{ R="Bl", A=100, T= 150, P=400, N=1200},
       };
      return mapData;
   }

Do you want to compare only with 'a' value? or with all values?? — AlBaraa Sh
– AlBaraa Sh, Commented Mar 10, 2015 at 4:46
The map is initialized in the same controller, so, it will be empty, and u will do forEach over nothing! — AlBaraa Sh
– AlBaraa Sh, Commented Mar 10, 2015 at 4:48
@AlBaraaSh Compare var a with every R in list, as all R in ilst will have unique value,so var a will match only one R from list. And then i have to get the next value of matching R. — Richa
– Richa, Commented Mar 10, 2015 at 4:48
Your ajax method is passing only one item { name : a } but the DashData() method does not even have a parameter named name. Then all you passing back is an empty list (and qv.val(data.name); makes no sense (typeof List<MapModel> does not contain a property named name) so a little hard to understand exactly what you wanting to return. — user3559349
– user3559349, Commented Mar 10, 2015 at 4:48

user3559349 · Accepted Answer · 2015-03-10 05:09:32Z

1

Firstly, change the ajax call to

var a = $('input').val();
var qv = $('.act');
var tv = $('.tot'); // you don't seem to use this
$.ajax({
  url: '@Url.Action("DashData", "Home")', // never hard code the url!
  type: "POST",
  data: { a: a }, // change this
  success: function (data) {
    // access the properties of the object
    var A = data.A; // returns 300
    var T = data.T; // returns 1
    var P = data.P; // returns 40
    var N = data.N; // returns 200
  }
});

Side notes:

var a = $('input').val(); will always return the value of the first <input> in the view, so suggest you use the id attribute ($('#myInput').val();)
You can also simplify it to $.post('Url.Action("DashData", "Home"), {a: a }, function(data) { ... })

Next modify the controller method to accept the parameter your passing and return the matching Map object

public ActionResult DashData(string a)
{
  // Get the first matching MapModel
    MapModel map = MapData().FirstOrDefault(m => m.R == a);
    return Json(map);
}

answered Mar 10, 2015 at 5:09

user3559349

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

8 Comments

user3559349 Over a year ago

Your use of qv.val(data.name); made no sense so you may need to clarify exactly what you want to do with the values you return

Richa Over a year ago

I just want to set the values recieved in Vat T to another label in HTML

user3559349 Over a year ago

OK,so you should give the label an id attribute, and then $('#myLabel').text(data.T); (assuming by label, you mean an actual label - <label>SomeText</label>) For controls (input etc) use .val() and for other elements use .text()

Richa Over a year ago

Just one question. Do i set value in ajax success function or outside of ajax?

user3559349 Over a year ago

You might also want to check that you in fact returned a MapModel object - something like if(data) { // set the value here } else { // oops - there was no matching map }

|

AlBaraa Sh · Accepted Answer · 2015-03-10 05:17:30Z

1

Your controller should look like this:

public ActionResult DashData(double a)
{
    return Json(md.FirstOrDefault(map=>map.a == a));
}

While md is the List you defined first

then ur AJAX call should be like this:

    $.ajax({
            url: "../Home/DashData",
            type: "POST",
            data: {'a':a},
            success: function (data) {
                qv.val(data.a);
            }
        });

edited Mar 10, 2015 at 5:17

answered Mar 10, 2015 at 5:03

AlBaraa Sh

2,2723 gold badges23 silver badges29 bronze badges

Collectives™ on Stack Overflow

Fetch Value using ajax

2 Answers 2

8 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Related