How to get the data from json to MVC4 c#?

Question

I have a MVC4 single page website with a form. The loading of the contents is achieve with ajax. I do not know how to get the data out from JSON in C#? Here is my code:

JavaScript:

$("#subnt").click(function (event) {
        event.preventDefault();
        var url = "/Home/Submit";
        $.post(url, $('form[name="cnt_us-frm"]').serialize(), function (data) {
            if (data.Success === true) {
                $("#min-content").hide().load("/Home/PartialSubmit").fadeIn('normal');   // loads the page into 'min-content' section
            }
            else {
                // display error message
            }
        })
    });
});

C#:

[HttpPost]
public JsonResult Submit()
    {
        return Json(new { Success = true, SomeOtherData = "testing" });
    }

you don't need to change anything JsonResult action method by default returns data in json format — Akhlesh
– Akhlesh, Commented Feb 23, 2014 at 3:05
No, the other way around. How to retrieve the data from the form (json). — Oscar A. Peña
– Oscar A. Peña, Commented Mar 1, 2014 at 23:53

ramiramilu · Accepted Answer · 2014-02-23 05:00:51Z

Please check below working code -

I have used exactly your working code -

    [HttpPost]
    public JsonResult Submit()
    {
        return Json(new { Success = true, SomeOtherData = "testing" });
    }

Then I used following JQuery to hit the above action -

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(function () {
        $('#click').click(function (e) {
            $.ajax({
                url: "@Url.Action("Submit")",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                error: function (response) {
                    alert(response);
                },
                success: function (data) {
                    if (data.Success == true)
                        alert(data.SomeOtherData);
                }
            });
        });
    });
</script>

<input type="submit" value="click" id="click" />

And as the output I was able to get an alert as shown below -

enter image description here

What Would Be Cool · Accepted Answer · 2014-02-23 03:03:32Z

0

Easiest thing to do is use the superior json.net

[HttpPost]
public string Submit()
{
    var result = new { success = true, someOtherDate = "testing"};
    var json = JsonConvert.SerializeObject(result);
    return json;
}

answered Feb 23, 2014 at 3:03

What Would Be Cool

7,0066 gold badges50 silver badges44 bronze badges

Comments

user1968030 · Accepted Answer · 2014-02-23 04:12:33Z

0

Your code is ok bu you can add debugger.and open developer tools check your data .

$.post(url, $('form[name="cnt_us-frm"]').serialize(), function (data) {
             debugger;
            if (data.Success === true) {
                $("#min-content").hide().load("/Home/PartialSubmit").fadeIn('normal');   // loads the page into 'min-content' section
            }
            else {
                // display error message
            }

answered Feb 23, 2014 at 4:12

user1968030

Comments

Oscar A. Peña · Accepted Answer · 2014-03-01 23:57:08Z

0

No, the other way around. How to retrieve the data from the form (json).

answered Mar 1, 2014 at 23:57

Oscar A. Peña

731 gold badge2 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to get the data from json to MVC4 c#?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related