JQuery getJSON in MVC

Question

I have the following JSon call that I want to call a method in Controller & accepts JSon object to update Partial View:

<script type="text/javascript">
    function DoAjaxUpdate(btnClicked) {
        btnClicked = $(btnClicked);
        var $form = btnClicked.parents('form');
        var url = '@Url.Action("Remove")';


        $.getJSON(
            url,
            $form.serialize(),
        function () {                
            if (data.htmlPartialView != null) {
                return $("#divPartialView").load(obj.htmlPartialView);
            }
        });

        return false;
    }
</script>

Unfortunately, this isn't passing the data properly and instead appends it to the URL as a query string such as: http://www.myLink.com/MyController/Remove?dataID=1359&dataMember=1

Please help. Thanks

Check this answer

user2007801
– user2007801

2013-05-09 00:02:48 +00:00
Commented May 9, 2013 at 0:02 — user2007801
– user2007801, Commented May 9, 2013 at 0:02

Mathew Thompson · Accepted Answer · 2013-05-08 21:57:20Z

1

That's what happens with $("form").serialize(). It will serialize everything on the form and put it on the query string.

As long as your Remove action method takes an instance of the model that is on your original view, then it will be transformed using the values in the query string.

To send it as JSON, you'd have to use JSON.stringify():

JSON.stringify($form.serialize())

answered May 8, 2013 at 21:57

Mathew Thompson

56.5k15 gold badges130 silver badges151 bronze badges

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

3 Comments

DAK Over a year ago

I updated $form.serialize() to JSON.stringify($form.serialize()) but still seems to have the same result. Do I need any other update? Am I missing something?

Mathew Thompson Over a year ago

@Dak Hmm it must always be the case then, is there any harm in it being the query string?

DAK Over a year ago

I'm getting a 404 error because there is no view named "Remove"? I just want this function to call ActionMethod "Remove" & refresh the partial view inside "divPartialView" with updated data.

Zack Yang · Accepted Answer · 2013-05-09 08:33:25Z

0

The callback need parameter,like this:

    $.getJSON(
        url,
        $form.serialize(),
        function (obj) {                
            if (obj.htmlPartialView) {
                $("#divPartialView").load(obj.htmlPartialView);
        }
    });

by the way,if (obj.htmlPartialView) is same to if (data.htmlPartialView != null)

answered May 9, 2013 at 8:33

Zack Yang

3992 silver badges11 bronze badges

Comments

Steve Andrews · Accepted Answer · 2013-06-06 23:33:34Z

0

You are calling getJSON which sends the data as a GET request which uses the querystring. If you want to use the POST method, use (from the jQuery site):

$.post(url, data, function(data) {
});

or

$.ajax({
    type: "POST",
    url: url,
    data: data,
    success: success,
    dataType: dataType
});

More information: http://api.jquery.com/jQuery.post/

answered Jun 6, 2013 at 23:33

Steve Andrews

5593 silver badges14 bronze badges

Collectives™ on Stack Overflow

JQuery getJSON in MVC

3 Answers 3

3 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Linked

Related