Send JSON using Ajax in Querystring along with regular params

Question

Is it possible to include a simple JSON string at the end of a querystring using Ajax GET? I'm using MVC and sending from the View to the Controller. In the Controller I want to be able to do this:

public class myObj
{
    public string Name { get; set; }
    public int Age { get; set; }
}

[AcceptVerbs(HttpVerbs.Get)]
public JsonResult GetData(string Id)
{
    // Get querystring parameter
    string a = Request["a"];

    // Create typed object
    if (Request["myObj"] != null)
    {
        JavaScriptSerializer jss = new JavaScriptSerializer();
        myObj myobj = null;
        myobj = jss.Deserialize<myObj>(Request["myObj"]);
    }

    ...
}

In the View:

var myObj = '{ "Name" : "John", "Age" : "22" }';
$.ajax({
    type: "GET",
    url: "/GetData/?Id=" + $("#Id").val(),
    dataType: "json",
    data: {
        a: $('#a').val(),
        myObj: myObj
    },

    ...

});

I don't think my example above illustrates why I want to do this, but my question is whether or not this is possible. When the Ajax GET is executed myObj is always null in the Controller. I suspect it's because data: is creating a JSON already and myObj is not in the correct format, but I don't know how to fix this and can't seem to find an example showing how.

If this combination is possible can someone point me to where my code is wrong?

I would be careful when using query string to pass data. Try using POST instead, and you will not have to worry about query string limitations — Daniel Sanchez
– Daniel Sanchez, Commented Aug 13, 2014 at 17:07
I haven't been able to figure out how to use POST without the View reloading, so I settled in to using GET. — rwkiii
– rwkiii, Commented Aug 13, 2014 at 17:14
you could easily change the attribut in the answer that you got to be POST, then do the exact same thing. The difference is the size of the request can be much larger in a POST — Scott Selby
– Scott Selby, Commented Aug 13, 2014 at 17:23
Your view shouldn't reload if you make an asynchronous call, even if it is using POST. How did you implement the function? hayageek.com/jquery-ajax-post — Daniel Sanchez
– Daniel Sanchez, Commented Aug 13, 2014 at 17:29
Daniel, I'm VERY interested in your input on making this a POST instead of GET. I don't like the messy querystring params in the URL. I'm not sure which function implementation you are asking about. It just seemed that each time a POST was issued the View's associated controller action was being called. I see you provided a link. I'm going to go read it now. I would much rather be issuing a POST... — rwkiii
– rwkiii, Commented Aug 13, 2014 at 18:03

Community · Accepted Answer · 2017-05-23 10:26:18Z

2

Due to the amount of data you want to pass over (12 params) with potentially a lot of data, you may want to use POST rather than GET.

Examples of AJAX POST

var myObj= { "Name" : "John", "Age" : "22" }; //Array with similar properties to your Model

$.ajax({
    url : "/GetData/", 
    type: "POST",
    data : myObj,
    success: function(data, textStatus, jqXHR)
    {
        //data - response from server
    },
    error: function (jqXHR, textStatus, errorThrown)
    {

    }
});

and ensure that your Action is accepting the HTTP POST verb.

[AcceptVerbs(HttpVerbs.Post)]
public JsonResult GetData(string id, string a, myObj myObj)
{
}

See this reference for additional info.

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Aug 13, 2014 at 20:43

Daniel Sanchez

2631 silver badge7 bronze badges

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

1 Comment

rwkiii Over a year ago

Daniel, I spent a considerable amount of time trying to get POST to work without having the View reload. I gave up on it and went with GET. I tried it again and it seems to work fine - change type: POST in Ajax and decorate the Controller function with HttpVerbs.Post. I don't know why it didn't work before, but thank you for nudging me to try it again. It's a much better solution.

Collectives™ on Stack Overflow

Send JSON using Ajax in Querystring along with regular params

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related