Asp.net mvc ajax call not working

Question

my url is look like :

localhost:1336/PartPicker/Part/Mobile/list_view

i want ajax post request. But ajax request is not wroking

my controller action code

 public JsonResult getProduct(String partid, String id)
    {
        return Json("success");
    }

my ajax request code

 function btn_Click()
    {
        var sdata = { partid: 'abc', id: 'xyz' };




        $.ajax({
            type: 'POST', 
            url: 'getProduct',
            data: JSON.stringify(sdata), 
            contentType: 'application/json;charset=utf-8', 
            dataType: "jsonp", 
            processdata: false, 
            success: function (data) { alert(data);},
            error: function (serverdata) { alert("eror " + serverdata.responseText) },
            async: false
        });


    }

route settings

routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{partid}/{id}/",
            defaults: new
                        {
                            controller = "PartPicker",
                            action = "Part",
                            partid = UrlParameter.Optional,
                            id = UrlParameter.Optional
                        },

                          namespaces: new[] { " abc.Controllers" }

                        );

I can't identify why ajax request is not working. Please someone help me

Answer 1

Try this:

var sdata = "{'partid':'abc','id':'xyz'}";