How to pass javascript object from view to controller?

Question

I want to pass javascript object from view to controller:

var test = { name: "Sydney", country: "AU" };
var tt = JSON.stringify(test);

$.ajax({
  url: '@Url.Action("getFeeList", "FeeControl")',
  type: "POST",
  data: { test: test },
  dataType: "html",
  success: function (FeeListResp, textStatus, jqXHR) {

  },
  error: function (jqXHR, textStatus, errorThrown) {
  },
  complete: function () {
  }
});

In controller:

public class Addr
{
  public string name { get; set; }
  public string country { get; set; }
}

[HttpPost]
public string getFeeList(Addr test)
{
  string nm = test.name;

  string j = new LoadItem(loadItemUnitWork, nm, 30, true, 0).GetItem(); 
  return j;
}

if I pass data: { test: test }, in ajax, the test.name is null in controller. if I pass data: { test: tt}, in ajax, then the test is null in controller.

How to fix the problem?

Thank you.

Just for more information, what MVC framework are you using? — bzupnick
– bzupnick, Commented Sep 18, 2013 at 5:14

Preeti Singh · Accepted Answer · 2013-09-18 13:11:49Z

1

var test = { name: "Sydney", country: "AU" };
        var tt = ko.toJS(test);

        $.ajax({
            url: '@Url.Action("getFeeList", "FeeControl")',
            type: "POST",
            data: tt,               
        });

I have used knockout here.

answered Sep 18, 2013 at 13:11

Preeti Singh

565 bronze badges

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

Collectives™ on Stack Overflow

How to pass javascript object from view to controller?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related