how to send data from javascript to server side in asp.net mvc 6?

Question

I can't get data from ajax to server side. I don't know much about ajax. This is how I am using it. 'main' is the form tag

<script>
    $('#main').on('submit', function (e) { 
        $.ajax({
            url: "checkout",
            type: "POST", 
            dataType: "json",
            data: JSON.stringify(id),
            success: function (mydata) {
                //history.pushState('', 'checkout' + href, href); 
            }
        });
    );
</script>

[HttpPost]
public JsonResult getData(string id){
    //string id will always be null
    return Json(id, JsonRequestBehavior.AllowGet);
}

ajax url is checkout while post actionresult is getData.. — mmushtaq
– mmushtaq, Commented Aug 4, 2016 at 10:26
data: { id: 'someValue' } and url: "@Url.Action("getData")", to generate you url correctly — user3559349
– user3559349, Commented Aug 4, 2016 at 11:23

Ranjith.V · Accepted Answer · 2016-08-04 12:41:28Z

1

please modified function call on submit event..

$("#buttonid").click(function(){  

        $.ajax({
        url: "controllername/getData",
        type: "POST", 
        dataType: "json",
        data: "{id:value}",
        success: function (mydata) {
            //history.pushState('', 'checkout' + href, href); 
        }
    }); });

Give the Valid Url in ajax funation

edited Aug 4, 2016 at 12:41

answered Aug 4, 2016 at 12:29

Ranjith.V

3261 silver badge8 bronze badges

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

Comments

Prasad Raja · Accepted Answer · 2016-08-04 12:46:34Z

Sample Example to you....

You should pass the data with parameters

   var pData = {
            id:"34"
        };

Jquery Code :

  $('#main').on('submit', function (e) {
        var pData = {
            id:"34"
        };
        $.ajax({
            url: "@Url.Content("~/Home/GetData")",
            type: "POST",
            dataType: "json",
            data: pData,
            success: function (response) {
                var item=response;
              //success response
            }
        });
    });

Server Side

public JsonResult GetData(int id)
    {
        var item = new
        {
            elementid = id,
            currenttime = DateTime.Now.ToString()
        };
        return new JsonResult
        {
            Data = item,
            JsonRequestBehavior = JsonRequestBehavior.AllowGet
        };
    }

I hope this may helpful for you

Collectives™ on Stack Overflow

how to send data from javascript to server side in asp.net mvc 6?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related