pass object to controller via ajax request

Question

I have filled object SearchHomeModel and want to pass this object to controller via ajax request. My controller is the following prototype:

public ActionResult DataTableUserList(SearchHomeModel search, int iDisplayStart, int iDisplayLength, string sEcho)

and I concat url string for it:

    url = "/User/DataTableUserList?SearchHomeModel.FirstName=" + Model.SearchKeys.FirstName + 
        "&SearchHomeModel.LastName=" + Model.SearchKeys.LastName + 
        "&SearchHomeModel.Title=" + Model.SearchKeys.Title + 
        "&SearchHomeModel.Company=" + Model.SearchKeys.Company;

(and then pass this url to ajax call)

when I see in debugger call DataTableUserList I see that iDisplayStart has value, but search is null. How to pass this object in my case? Thanks

Have a look at this [link][1] [1]: stackoverflow.com/questions/5980389/… — Anwar
– Anwar, Commented Jan 14, 2012 at 17:38

Shyju · Accepted Answer · 2012-01-14 17:34:02Z

1

Why not Serialize the form and send to your action method ? If you have binded your model with the form elements, you will get a valid model with values filled there.

$.post("/User/DataTableUserList", $("form").serialize(), function (data) {

                     //do what you want with the response from your action method
});

answered Jan 14, 2012 at 17:34

Shyju

220k106 gold badges420 silver badges498 bronze badges

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

3 Comments

John Over a year ago

thank you for your variant, but it's not appropriate for my concrete case (i have to pass something more data than form)

John Over a year ago

also, page can be without <form>

Shyju Over a year ago

Then you can pass items via querystring to the server

jcreamer898 · Accepted Answer · 2012-01-14 17:35:09Z

1

You might try something like...

$.ajax({
    url: '/User/DataTableUserList',
    data: {
        FirstName : '@Model.SearchKeys.FirstName',
        LastName : '@Model.SearchKeys.LastName',
        Title: '@Model.SearchKeys.Title',
        Company: '@Model.SearchKeys.Company'
    },
    success: function(result){
        // Do Something with Result
    }
});

Hopefully the MVC Model Binder will do the work for you this way.

answered Jan 14, 2012 at 17:35

jcreamer898

8,1895 gold badges43 silver badges57 bronze badges

1 Comment

John Over a year ago

why it could be inside search object?

Qorbani · Accepted Answer · 2012-01-14 17:44:08Z

0

Try to do this instead:

url = "/User/DataTableUserList?search.FirstName=" + Model.SearchKeys.FirstName + 
        "&search.LastName=" + Model.SearchKeys.LastName + 
        "&search.Title=" + Model.SearchKeys.Title + 
        "&search.Company=" + Model.SearchKeys.Company;

I hope this helps :-)

answered Jan 14, 2012 at 17:44

Qorbani

5,9452 gold badges41 silver badges47 bronze badges

Collectives™ on Stack Overflow

pass object to controller via ajax request

3 Answers 3

3 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Linked

Related