Pass data between JavaScript and C# Controller : Asp.Net MVC 4 Razor

Question

I want to pass data between my view and my controller. I'm doing something wrong because it doesn't work.

JavaScript Front-end Code:

$.ajax({
    url: '@Url.Action("GetOid","SearchPerson")',
    data:  {oid : 1},
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
        // return values 
        console.log("Success!" + data.oid); 
    },
    error: function () { console.log('error!!'); }
});

C# Controller Code:

    int CustomerId=0;

    [HttpPost]
    public ActionResult GetOid(int Oid)
    {

        // some code here to assign the value to a global var.
        CustomerId = Oid;

        ViewBag.id = Oid;


        return Json(new { oid = CustomerId });
    }

    });

Md Nazmoon Noor · Accepted Answer · 2014-05-13 22:48:18Z

2

Make this change to your ajax data property. It needs to be passed as string.

data: JSON.stringify({ "Oid": 1 }),

Also your controller parameters and data parameters are need to be same. The are case sensitive.

public ActionResult GetOid(int Oid)

Last as mentioned return it in json format.

return Json(new { oid = CustomerId });

answered May 13, 2014 at 22:48

Md Nazmoon Noor

3,3271 gold badge27 silver badges30 bronze badges

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

Comments

Nathan Anderson · Accepted Answer · 2014-05-13 22:22:26Z

1

Javascript doesn't know anything about variables you set on the server. You need to return json to client like so:

 return Json(new { oid = CustomerId });

answered May 13, 2014 at 22:22

Nathan Anderson

6,87830 silver badges30 bronze badges

Comments

arserbin3 · Accepted Answer · 2014-05-13 22:36:39Z

0

use

public JsonResult GetOid(int Oid)

to set the response headers properly

answered May 13, 2014 at 22:36

arserbin3

6,1688 gold badges39 silver badges53 bronze badges

Comments

arserbin3 · Accepted Answer · 2014-05-23 21:12:26Z

0

This baffled many newbies,

console.log("Success!" + **data.Data.oid**);

You should learn fire debugger on browser side and look at what concerns you on watch window.

edited May 23, 2014 at 21:12

arserbin3

6,1688 gold badges39 silver badges53 bronze badges

answered May 13, 2014 at 22:40

Swab.Jat

1,2681 gold badge14 silver badges20 bronze badges

1 Comment

Mr. Newbie Over a year ago

i use firebug, but i test in chrome and ie. and yes, i'm newbie.

Collectives™ on Stack Overflow

Pass data between JavaScript and C# Controller : Asp.Net MVC 4 Razor

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related