$.getJSON() not working in ASP.NET MVC4

Question

This is truly weird and I do not know where I am going wrong.

Here's my controller:

    namespace MvcAJAX.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }        

        public ActionResult Called()
        {
            var retObject = new { rollNo = 2, name = "Deepanjan" };
            return Json(retObject);

        }
    }    
}

Here's my Index View:

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<script>
    /// <reference path="~/Scripts/jquery-1.7.1.js" />
    $(document).ready(function () {
        $('#button1').click(function () {
            $.getJSON("/Home/Called",function () {
                alert('Working!');
                $('#p1').text("Roll Number was " + data.rollNo + " and the Name was " + data.name);
            });
        });
    });
</script>
<h1>This page demos Load with callback function!</h1>
<input type="button" id="button1" value="Click Me!"/><br />
<p style="height:200px" id="p1"></p>
<hr />

My getJSON simply doesn't work & I do not even get the alert. What's wrong?

Check your browser console for any errors. Did you check whether the click event is called? — Arun P Johny
– Arun P Johny, Commented Feb 21, 2013 at 11:26
Try replacing return Json(retObject); with return Json(retObject,JsonRequestBehavior.AllowGet); — Karthik Chintala
– Karthik Chintala, Commented Feb 21, 2013 at 11:41

yusuf · Accepted Answer · 2013-02-21 14:09:35Z

1

Where do you include jquery file?? Jquery file has to first than you can write your own javascript codes..

and try this codes;

$(document).ready(function () {
    $('#button1').click(function () {
        $.getJSON("/Home/Called", function (retObject) {
            alert('Working!');
            $('#p1').text("Roll Number was " + retObject.rollNo + " and the Name was " + retObject.name);
        });
    });
});

Try replacing return Json(retObject); with return Json(retObject,JsonRequestBehavior.AllowGet);

answered Feb 21, 2013 at 14:09

yusuf

1,2631 gold badge15 silver badges30 bronze badges

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

Comments

SchmitzIT · Accepted Answer · 2013-02-21 13:25:43Z

1

Try an Ajax post from view , like this

 $.ajax({
 url: '@Url.Action(action)',
  data: data
  type: 'POST',
  success: function (result) {

                              }
                          });

edited Feb 21, 2013 at 13:25

SchmitzIT

9,73912 gold badges71 silver badges96 bronze badges

answered Feb 21, 2013 at 13:08

Sebin Eapen George

2151 silver badge8 bronze badges

Comments

Hasnain Mehmood · Accepted Answer · 2017-01-07 15:58:23Z

0

***> only write in your Mvc controller function this line

Configuration.ProxyCreationEnabled = false;

answered Jan 7, 2017 at 15:58

Hasnain Mehmood

4275 silver badges5 bronze badges

Collectives™ on Stack Overflow

$.getJSON() not working in ASP.NET MVC4

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related