jquery ajax call to controller is posting null string

Question

I am posting id of a vehicle to controller from jquery ajax post.Ajax call is calling controller method but that string is always null.I searched a lot on web but any solution is not working.id has value in view but null in controller.please help me.

here is my code: View

          <script type="text/javascript">
           function DeleteVehicle(id) {
          alert("working");
          if (confirm("Do you want to delete vehicle: " + id)) {
      //  var requestData = { 'vehicleId': vid }
        var dataPost={'id':id}
        $.ajax({



            url: '@Url.Action("DeleteVehicle", "Vehicle")',
            type: 'POST',
            data: dataPost,
            success: function (data) {
                alert("Success, sent data to controller");
            },
            error: function (data) {
                    alert("Error: " + data.responseText);
                }

        });
    }
}

$(function () {//when the document is ready
    $("#Delete").click(DeleteVehicle);
});

controller

        public ActionResult DeleteVehicle(string id)
        {

            //code
               return Json(id, JsonRequestBehavior.AllowGet);
       }

if i dont pass vehicle id in delete function of contoller how can i get it in?? i have to use it for query purpose — Wasfa
– Wasfa, Commented Mar 28, 2014 at 7:31

Community · Accepted Answer · 2017-05-23 12:23:47Z

2

have you put httppost attribute on action method as below?

[httpPost]
 public ActionResult DeleteVehicle(string id)
        {

            //code
               return Json(id, JsonRequestBehavior.AllowGet);
       }

and in jquery

  $(document).ready(function() {
        $("#Delete").on("click",  function(){
       var id = $(this).).attr("id"); ////fetch id wherever you are fetching
       alert("working");
              if (confirm("Do you want to delete vehicle: " + id)) {
          //  var requestData = { 'vehicleId': vid }
            var dataPost={'id':id}
            $.ajax({



                url: '@Url.Action("DeleteVehicle", "Vehicle")',
                type: 'POST',
                data: dataPost,
                success: function (data) {
                    alert("Success, sent data to controller");
                },
                error: function (data) {
                        alert("Error: " + data.responseText);
                    }

            });
        }


    });

for more information have a look at this

MVC Deleting record using Javascript pop up

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Mar 28, 2014 at 6:57

Neel

11.7k3 gold badges46 silver badges63 bronze badges

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

5 Comments

Neel Over a year ago

from where you are getting id? coz in your code ur not passing id to the function "DeleteVehicle" @Wasfa

Wasfa Over a year ago

the id i posted through jquery ajax call,i am using this in controller parameter

Wasfa Over a year ago

I dont understand where how to fetch id.coz i was getting the id of selected row in web grid.please help me to clear my concepts

Neel Over a year ago

in my above code I have updated like you can get your id like $(this).id? make a try as above @Wasfa

Neel Over a year ago

stackoverflow.com/questions/9005071/… @Wasfa

rt2800 · Accepted Answer · 2014-03-28 07:01:01Z

1

var dataPost should be string, something like var dataPost = '{"id":"' + id + '"}' and additional settings for $.ajax are as follows-->

contentType: "application/json; charset=utf-8",
dataType: "json",

answered Mar 28, 2014 at 7:01

rt2800

3,0552 gold badges22 silver badges26 bronze badges

1 Comment

Wasfa Over a year ago

i tried this one but again id string is null in controller

user3383479 · Accepted Answer · 2014-03-28 07:06:25Z

0

try to put [HttpPost] Attribute in your Action and try again.

answered Mar 28, 2014 at 7:06

user3383479

7 Comments

user3383479 Over a year ago

in you Ajax call add contentType: "application/json" aftr datapost

Wasfa Over a year ago

i added this but id is still null

user3383479 Over a year ago

look $(function () {//when the document is ready $("#Delete").click(DeleteVehicle); }); You don't retreive the id here. you have to pass an id to the method. Maybe $(function () {//when the document is ready $("#Delete").click(DeleteVehicle($('#idText').val()); });

Wasfa Over a year ago

i am getting the id of selected vehicle on button click which is in web grid like this <input type="submit" value="Delete" onclick='DeleteVehicle("+ @item.VehicleId +")' id="#[email protected]"/></text>) how can i pass this id param to DeleteVehicle method..

user3383479 Over a year ago

try @Neel solution just up

|

Collectives™ on Stack Overflow

jquery ajax call to controller is posting null string

3 Answers 3

5 Comments

1 Comment

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related