Pass string from jQuery to C# MVC

Question

I have problem with passing string value from jQuery to C# in Web MVC.

There is my jQuery code:

$.ajax({
    type: 'POST',
    url: '/Account/ChangePhoneNumber',
    contentType: "application/json; charset=utf-8",
    data: newPhone,
    dataType: 'json',
    success: function (result) {
        alert("We returned: " + result);
    }
})

Here is my C# method:

[HttpPost]
public ActionResult ChangePhoneNumber(string data)
{                            
    return View();
}

While debugging data parameter is always null. What I am doing wrong?

data: {data: newPhone},

Satpal
– Satpal

2015-12-22 10:00:03 +00:00
Commented Dec 22, 2015 at 10:00 — Satpal
– Satpal, Commented Dec 22, 2015 at 10:00

miechooy · Accepted Answer · 2015-12-22 10:35:40Z

2

Ok I`ve figured out what was wrong:

 $.ajax({
                                type: 'POST',
                                url: '/Account/ChangePhoneNumber',
                                contentType: "application/json; charset=utf-8",
                                data: JSON.stringify({data: newPhone}),
                                dataType: 'json',
                                success: function (result) {
                                    alert("We returned: " + result);
                                }
                            })

I had to add data: JSON.stringify({data: newPhone}),

answered Dec 22, 2015 at 10:35

miechooy

3,44212 gold badges41 silver badges66 bronze badges

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

Comments

Dion V. · Accepted Answer · 2015-12-22 10:04:56Z

You were almost there;

$.ajax({
        type: 'POST',
        url: '/Account/ChangePhoneNumber',
        contentType: "application/json; charset=utf-8",
        data: {data: newPhone, foo: bar, fooz: barz},   //<-- mind the array here
        dataType: 'json',
        success: function (result) {
                     alert("We returned: " + result);
                  }
        })

Which will result the following;

[HttpPost]
public ActionResult ChangePhoneNumber(string data, string foo, string fooz)
{ 
    //data will contain newPhone
    //foo will contain bar
    //fooz will contain barz                           
    return View();
}

Just make sure to put the object in an array. So, in your case:

data: {data: newPhone},

will solve your problem.

Rahul Nikate · Accepted Answer · 2015-12-22 10:05:32Z

0

You are not passing data correctly in ajax call. You need to pass it like this data: {data: newPhone},

 $.ajax({
            type: 'POST',
            url: '/Account/ChangePhoneNumber',
            contentType: "application/json; charset=utf-8",
            data: {data: newPhone},
            dataType: 'json',
            success: function (result) {
                 alert("We returned: " + result);
            }
        })

 [HttpPost]
 public ActionResult ChangePhoneNumber(string data)
 {                            
      return View();
 }

answered Dec 22, 2015 at 10:05

Rahul Nikate

6,3555 gold badges45 silver badges57 bronze badges

Comments

Zergling · Accepted Answer · 2015-12-22 10:07:32Z

0

you need post your data as form object; some useful information can found here

                 $.ajax({
                            type: 'POST',
                            url: '/Account/ChangePhoneNumber',
                            contentType: "application/json; charset=utf-8",
                            data: {data: newPhone},
                            dataType: 'json',
                            success: function (result) {
                                alert("We returned: " + result);
                            }
                        })

edited Dec 22, 2015 at 10:07

answered Dec 22, 2015 at 10:01

Zergling

5362 silver badges7 bronze badges

2 Comments

miechooy Over a year ago

Still doesn't work is var newPhone = $('#newPhone1').val(); this ok ?

Zergling Over a year ago

yes if your input is <input id="newPhone1" type="text" />

A_0 · Accepted Answer · 2015-12-22 10:27:55Z

0

Check how you defined the route.

routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{data}",
                defaults: new { controller = "yourcontroller", action = "actionname", data = UrlParameter.Optional }
            );

Please check if the parameter name in your route is "data"

answered Dec 22, 2015 at 10:27

A_0

1,0042 gold badges18 silver badges46 bronze badges

Comments

DevGuru · Accepted Answer · 2015-12-23 10:45:22Z

0

If you are not worried about AJAX/JSON, you can simply use $.Post method.

var url = "@Url.Action("ChangePhoneNumber", "Account")";
        $.post(url, { data: newPhone })
            .fail(function() {
                // do something
            })
            .done(function(result) {
                alert("We returned: " + result);
            });

answered Dec 23, 2015 at 10:45

DevGuru

1563 bronze badges

Collectives™ on Stack Overflow

Pass string from jQuery to C# MVC

6 Answers 6

Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related