pass data from angularjs controller to C# MVC CTRL

Question

this is simple but it dosent work

in angularJS part i have this code :

   var data={"ID":1,"Key":"********"}
            $http.post("/Home/DeleteListItem", data)
                .success(function (data) {
                    alert(JSON.parse(data));
                }).error(function (response) {
                    alert(response);
                });

and C# Part is like this

 [HttpPost]
public JsonResult DeleteListItem(Entity entity)

{

kishAppEntities db = new kishAppEntities();
Stream req = Request.InputStream;
db.Configuration.ProxyCreationEnabled = false;
var data = //some delete query

return new JsonResult()
{
    Data = data,
    JsonRequestBehavior = JsonRequestBehavior.AllowGet

};

}


public  class Entity
{
    int ID { set; get; }
    string Key { set; get; }

}

there is no data in entity i dont have clue aboute it????

i use this post method as second approach but still dosent work

     var entity = { "ID": 1, "Key": "********" }
        $http({
            url: "./general/DeleteListItem",
            method: "POST",
            data: JSON.stringify({
                entity: entity
        }),
        headers: {
            'Content-Type': 'application/json'
        }
        }).success(function(data, status, headers, config) {           
        }).error(function(data, status, headers, config) {
        });

What is the error you are getting? Based upon the provided code, I can say that angular promise usage is wrong. use $http.post("/Home/DeleteListItem", data).then(function(successResponse){}, function(errorResponse) {}); — Kalyan
– Kalyan, Commented Dec 16, 2016 at 0:49
i dont have a error. problem is i dont get my post data from client — Pooria.Shariatzadeh
– Pooria.Shariatzadeh, Commented Dec 16, 2016 at 0:50
Please check my answer below. using .success is not a right way in asynchronous call. refer: codelord.net/2015/05/25/dont-use-$https-success — Kalyan
– Kalyan, Commented Dec 16, 2016 at 1:02

a-man · Accepted Answer · 2016-12-16 01:25:23Z

1

Your ID and Key properties are not accessible. Put before your properties public access modifier like this:

public  class Entity
{
    public int ID { set; get; }
    public string Key { set; get; }

}

answered Dec 16, 2016 at 1:25

a-man

7271 gold badge6 silver badges16 bronze badges

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

Comments

Kalyan · Accepted Answer · 2016-12-16 00:53:51Z

0

try this

$http.post("/Home/DeleteListItem", data)
.then(function(successResponse){
//Your code to handle response

}, 
function(errorResponse) {
//your code to handle error
});

answered Dec 16, 2016 at 0:53

Kalyan

1,2001 gold badge11 silver badges23 bronze badges

6 Comments

Kalyan Over a year ago

Is that returns any error? Also, check if the call hitting your MVC controller method. Note you won't get the result immediately.

Pooria.Shariatzadeh Over a year ago

it call mvc contoller and return whit no errore if you see the photo i debug my controller so it call the method it just not have my payload data

Kalyan Over a year ago

sorry.. my network blocks image loading. Please use the [FromBody] attribute on your controller parameter : public JsonResult DeleteListItem([Frombody] Entity entity) {

Pooria.Shariatzadeh Over a year ago

vs ide dos note recognized [Frombody]

Kalyan Over a year ago

Sorry, there is a typo. it should be [FromBody]

|

Vasim · Accepted Answer · 2016-12-16 00:58:52Z

0

Try using jquery $.param(data). You can also try angular $httpParamSerializer https://code.angularjs.org/1.4.0/docs/api/ng/service/$httpParamSerializer

edited Dec 16, 2016 at 0:58

answered Dec 16, 2016 at 0:48

Vasim

1661 silver badge9 bronze badges

Collectives™ on Stack Overflow

pass data from angularjs controller to C# MVC CTRL

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related