JSON is undefined in asp.net mvc

Question

In ASP.NET MVC 3, I am using JSON in my AJAX calls. when i am running my application using visual studio on my development machine application works fine. But If i Publish the same application and try to access it using Virtual Directory i am getting the error JSON is Undefined.

Code

function PopulateData() {

            $.ajax({ url: '../Home/Populate/',//**Error Line**
                type: 'POST',
                    data:  JSON.stringify({
                    'id':@ViewBag.Id                     }),

                    dataType: 'json',
                    contentType: "application/json; charset=utf-8",
                success: function (data) 
                {         
                    //code

                } // ajax callback

            });  // ajax call

        }

Please Reply

If you are using the server browser or the browsing capability built into IIS manager (I'm not sure what you mean here by using Virtual Directory) than it is an very old IE engine and it does not have built in JSON object. — tpeczek
– tpeczek, Commented Feb 8, 2013 at 9:59

AliRıza Adıyahşi · Accepted Answer · 2013-02-08 09:57:38Z

2

I think problem is physical path in this line

url: '../Home/Populate/'

change it to relative path like this:

url: '@Url.Action("Populate", "Home")'

Also, you can see your json url with devTools of browsers. And, check it , if your json url is correct.

answered Feb 8, 2013 at 9:57

AliRıza Adıyahşi

15.9k24 gold badges118 silver badges198 bronze badges

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

1 Comment

user1799982 Over a year ago

Hi AliRıza Adıyahşi Tried using the relative path url: '@Url.Action("Populate","Home")', But still getting the same error

Karthik Chintala · Accepted Answer · 2013-02-08 09:58:18Z

2

This is because you have given the url of controller which is local to the project.

It's always better to follow @Url.Action("actionname","controllername") this approach.

         $.ajax({ 
            url: '@Url.Action("Populate","Home")',
            type: 'POST',
            data:  JSON.stringify({id:@ViewBag.Id}),
            dataType: 'json',
            contentType: "application/json; charset=utf-8",
            success: function (data) 
            {         
                //code

            } // ajax callback

        });  // ajax call

answered Feb 8, 2013 at 9:58

Karthik Chintala

5,5455 gold badges33 silver badges61 bronze badges

8 Comments

user1799982 Over a year ago

Hi Karthik, Tried using the relative path url: '@Url.Action("Populate","Home")', But still getting the same error

Karthik Chintala Over a year ago

@user1799982 what is the browser that you are using

Karthik Chintala Over a year ago

@user1799982 check this if you are using IE < 8

user1799982 Over a year ago

Hi Karthik My browser is IE 8 I tried removing JSON.Stringify then data is not fetched.

Karthik Chintala Over a year ago

@user1799982 So, data option in $.ajax is data: ({ id: @ViewBag.Id }). Is it the same ?

|

Viktor S. · Accepted Answer · 2013-02-08 10:21:51Z

1

JSON is Undefined looks more like browser error. There is no built in JSON in old browsers like IE7, FF3.0 etc. So, it looks like you are using different browsers to view your website. Suppose if you remove JSON.stringify it will work fine (not sure why do you need that at all, jquery accepts data as an object and will do everything required to pass it to server correctly):

function PopulateData() {

            $.ajax({ url: '../Home/Populate/',//**Error Line**
                type: 'POST',
                    data:  {'id':@ViewBag.Id },    
                    dataType: 'json',
                    contentType: "application/json; charset=utf-8",
                success: function (data) 
                {         
                    //code

                } // ajax callback

            });  // ajax call

        }

And as it was told in other answers here, you should better use url: @Url.Action("Populate", "Home") instead of relative url like you have it now

answered Feb 8, 2013 at 10:21

Viktor S.

12.8k1 gold badge30 silver badges56 bronze badges

2 Comments

Viktor S. Over a year ago

Oh. I see, you are passing it as json. Are you sure you can't use default application/x-www-form-urlencoded ?

Viktor S. Over a year ago

@user1799982 try to remove JSON.stringify and contentType:.... Possibly it will work fine, but that depends on server side.

Vova Bilyachat · Accepted Answer · 2013-02-08 20:16:58Z

0

Because JSON is not built in all browsers download it https://github.com/douglascrockford/JSON-js and include in you on your website

By the way why you are using stringify for primitive types?

you can do

 data:  { id: @ViewBag.Id }

Then on ASp.Net Mvc Controller side

public ActionResult Populate(int id)

So ASp.net will parse your parameter for you.

answered Feb 8, 2013 at 20:16

Vova Bilyachat

19.5k4 gold badges60 silver badges88 bronze badges

1 Comment

user1799982 Over a year ago

Thanks all..I Refered the link sitepoint.com/javascript-json-serialization

Collectives™ on Stack Overflow

JSON is undefined in asp.net mvc

4 Answers 4

1 Comment

8 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

8 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest