jQuery send class as POST parameters

Question

I want to send class as post ajax parameters.

my class :

  public class PageInput
    {
        public string ActionName { get; set; }
        public string Controller { get; set; }
        public int CountPage { get; set; }
        public int CountRecordInPage { get; set; }
    public KeyValuePair<string, short> No { get; set; }

    }

ajax code :

$.ajax({
        url: '@Url.Action("GetPageNumbers", "MyClasses")',
        data: '@Model.PageInput',
        success: function (data) {
            alert(data);
        }
    });

action :

 public ActionResult GetPageNumbers(PageInput pageInput)
    {
        return PartialView("_PagingNumbers", pageInput);
    }

doesn't working. But why?

When data are received by the actionResult are empty!!But the data are correct before sending.

The default $.ajax() type is 'GET', so you'd need to set that to 'POST' if you're expecting only posted data. — ahren
– ahren, Commented Oct 21, 2013 at 12:39

levelnis · Accepted Answer · 2013-10-21 14:09:50Z

2

You need to create an object within your JavaScript code and send that across instead:

$.ajax({
    url: '@Url.Action("GetPageNumbers", "MyClasses")',
    data: {
        ActionName: '@Model.ActionName',
        Controller: '@Model.Controller',
        CountPage: @Model.CountPage,
        CountRecordInPage: @Model.CountRecordInPage,
    },
    success: function (data) {
        alert(data);
    }
});

You also need to add the [HttpPost] attribute to your controller action

edited Oct 21, 2013 at 14:09

answered Oct 21, 2013 at 12:42

levelnis

7,7256 gold badges40 silver badges64 bronze badges

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

2 Comments

john Over a year ago

this is a good. but how to send property "No" ? property "No" is a KeyValuePair.

john Over a year ago

No. question is Updated.

Manoj Pilania · Accepted Answer · 2013-10-21 12:54:22Z

0

you should use following pattern:

$.ajax({
    url: '@Url.Action("GetPageNumbers", "MyClasses")',
    data: {"PageInput.CountPage": "@Model.PageInput.CountPage", "PageInput.CountRecordInPage":"@Model.PageInput.CountRecordInPage" },
    success: function (data) {
        alert(data);
    }
});

I think It will work for you. While Ajax post it is necessary that you should use name of the class in AJAX post parameters.

edited Oct 21, 2013 at 12:54

answered Oct 21, 2013 at 12:44

Manoj Pilania

6661 gold badge8 silver badges19 bronze badges

Comments

Jamie Hutber · Accepted Answer · 2013-10-21 12:58:34Z

0

My guess would be that you aren't posting to your url

$.ajax({
    url: '@Url.Action("GetPageNumbers", "MyClasses")',
    data: '@Model.PageInput',
    type: 'POST',
    success: function (data) {
        console.info(data);
    }
});

Now it will post.

edited Oct 21, 2013 at 12:58

answered Oct 21, 2013 at 12:39

Jamie Hutber

28.2k54 gold badges194 silver badges314 bronze badges

6 Comments

john Over a year ago

i changed " type: 'POST'" but doesn't working. why? Empty class are posted

Jamie Hutber Over a year ago

i'll need more information than it doesn't work why. Give us something to work with, errors etc

john Over a year ago

Error does not happen.But the data is sent empty

Jamie Hutber Over a year ago

cool, see updated code and open up your console, F12 and tell me what it responded with. Also, which browser are you using?

john Over a year ago

error : the server responded with a status of 404 (Not Found).I'm using Chrome

|

Collectives™ on Stack Overflow

jQuery send class as POST parameters

3 Answers 3

2 Comments

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related