Mvc Jquery Ajax Post returns null

Question

I have been trying to post two parameteres... This is the ajax code

function Kaydet() {
        var params = {};
        var Kiralayan = $("#RentForm").serialize();            
        params.kisi = Kiralayan ;
        params.aracid = P.AracID;           
        console.log(params);

        $.ajax({
            type: "POST",
            url: '@Url.Action("Save","AracKirala")',
            data: params,
            dataType: "text",
            success: function (response) {
                if (response != "OK") {
                    alert("Kayıt yapılamadı.");
                }
                else {
                    document.getElementById("RentForm").reset();
                    alert("Kayıt başarıyla gerçekleştirildi.");
                    $("#myModal").modal('hide');
                    Ara();
                }

            }
        });

Method

public ActionResult Save(Kiralayan kisi = null, int aracid = 0)
    {

the problem is ajax posts "aracid" corretly but "kisi" turns null when the method is trigged... I tried not to post "aracid" with "kisi" so ajax posted well for one parameter "kisi", but doesnt work together...

Seems weird that you are serializing an entire form into one variable. Did you look to see what is being sent up in the Ajax request in the network tab of the console? — epascarello
– epascarello, Commented Sep 2, 2015 at 12:27
Is there a particular reason you chose the later of two near-identical answers and only chose to comment on the other one? — iCollect.it Ltd
– iCollect.it Ltd, Commented Sep 2, 2015 at 18:03

user3559349 · Accepted Answer · 2015-09-02 12:32:09Z

5

If you serializing the form, then you can add additional values to it with the .param() function

var data = $("#RentForm").serialize() + '&' + $.param({ 'aracid': AracID }, true);

$.ajax({
    type: "POST",
    url: '@Url.Action("Save","AracKirala")',
    data: data,
    ....

answered Sep 2, 2015 at 12:32

user3559349

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

5 Comments

teo van kot Over a year ago

shouldn't he change contoller as well? I mean add aracid property to model?

user3559349 Over a year ago

No. On its own $("#RentForm").serialize() will bind to Kiralayan kisi, and this just adds ..&aracid=someValue to the form data so it will bind to the additional parameter

teo van kot Over a year ago

Then could you tell me what will happaned if ViewModel have aracid property and controller have same extra parameter aracid?

user3559349 Over a year ago

Hmm, I've never tested that :), but I would guess only one would be bound (the DefaultModelBinder ignores subsequent name/value pairs with the same name unless the property is IEnumerable) but I'm not sure. Something to test tomorrow. I'll let you know.

iCollect.it Ltd Over a year ago

@teo van kot: If the name occurs in the model and a parameter, it will map to both the model property and the extra parameter. My own answer updated to include this little factoid.

iCollect.it Ltd · Accepted Answer · 2015-09-02 13:14:11Z

MVC will map the object for you, so you might as well skip the extract nesting of the form within the object.

Notes:

If aracid is also a property in the model, it will map to both the property and the extra parameter.
Using push on the serialise() collection is more maintainable than the alternative of concatenating strings before the serialize() call.

e.g.

 var Kiralayan = $("#RentForm").serialize();            
 // Add the extra non-form parameter
 Kiralayan.push({name: 'aracid', value: P.AracID});

Full example:

    function Kaydet() {
        var Kiralayan = $("#RentForm").serialize();            
        // Add the extra non-form parameter
        Kiralayan.push({name: 'aracid', value: P.AracID});         
        console.log(params);

        $.ajax({
            type: "POST",
            url: '@Url.Action("Save","AracKirala")',
            data: Kiralayan,
            dataType: "text",
            success: function (response) {
                if (response != "OK") {
                    alert("Kayıt yapılamadı.");
                }
                else {
                    document.getElementById("RentForm").reset();
                    alert("Kayıt başarıyla gerçekleştirildi.");
                    $("#myModal").modal('hide');
                    Ara();
                }

            }
        });

Collectives™ on Stack Overflow

Mvc Jquery Ajax Post returns null

2 Answers 2

5 Comments

Notes:

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Notes:

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related