Angularjs post不会在服务器上发送数据

时间:2016-04-20 07:14:38

标签: c# angularjs ajax asp.net-mvc asp.net-web-api

我试图将数据发布到服务器,但在服务器端,我的模型为空。

数据是

{"email":"adas","password":"sds","grant_type":"password","client_id":"WebApp"}

 return $http.post(url, data,{headers: {'Content-Type': 'application/json'} })
            .then(function (result) {
                success(result);
            }, function (error) {
                debugger;
               //some code
            });

但是当我使用简单的ajax请求发送它时,我在服务器端获取数据。

 var logininfo = { "email": "weee", "password": "password", "client_id": "IosApp", "grant_type": "password" };
        $.ajax({
            url: "http://localhost:53646/Login",                 
            type: "POST",
            data: logininfo,
            success: function (data) {
                debugger;
            }, error: function (daTA) {
                debugger;
            }
        }); 

还有一个问题,因为我必须向服务器发送自定义标头,所以当我在ajax请求中设置该标头时,我的数据在服务器端再次为空。

var logininfo = { "email": "weee", "password": "password", "client_id": "IosApp", "grant_type": "password" };
        $.ajax({
            url: "http://localhost:53646/Login",
            headers: { 'ResourceAuthorization': 'Basic Qn12bGV34jEyMzQ1' },          
            type: "POST",
            data: logininfo,
            success: function (data) {
                debugger;
            }, error: function (daTA) {
                debugger;
            }
        });

这就是我试图获取数据的方式

public void Configuration(IAppBuilder app)
        {
            app.Use(async (ctx, n) =>
            {
                if (ctx.Request.Path == new PathString("/Login"))
                {
                    var memstr = new StreamReader(ctx.Request.Body).ReadToEndAsync().Result; 
                    var loginmodel = JsonConvert.DeserializeObject<LoginModel>(memstr);   
                   //some code here                 
                }
                await n.Invoke();
            });
            ConfigureAuth(app);
        }

4 个答案:

答案 0 :(得分:1)

http请求中使用有角度的承诺总是更好。它保证了结果。处理错误也很简单有用。

var userObject = = {
    email: "user@gmail.com",
    UserName: 'user123'
}

function LoginUser (userObj) {
  return $http.post('http://localhost:53646/Login', userObj,
       headers : {'ResourceAuthorization': 'Basic Qn12bGV34jEyMzQ1'}
  ).then(function (response) {
     console.log(response.data);
     return response.data;
  }, function (error) {
     console.log(error);
  });
};

最好将http调用作为服务或函数创建,以便我们可以重用它。

运行此http调用

只需将该功能调用为

即可
LoginUser(userObject);

答案 1 :(得分:0)

尝试这种方法..这在我的项目中有效。

var userData = {
            UserId: 1,
            UserName: 'Karan'
            }
var result = $http({
            url: "http://your_URL",
            dataType: 'json',
            method: 'POST',
            data: userData,
            headers: {
                "Content-Type": "application/json"
            }
        })
        result.success(function (data, status, headers, config) {
            //success
        });
        result.error(function (data, status, headers, config) {
            //Error
        });

答案 2 :(得分:0)

这可能很棘手,我总是要检查网络事务,以确定它是否真的是一个POST,这是我的代码示例:

function postMEthod(ID) {
      var postURL = "your_url";

      var request = $http({
        method: 'POST',
        headers: {"Content-Type": 'text/plain; charset=UTF-8'},
        url: postURL,
        data: {
          dataParam: "value1",
          dataParam2: "value2"
        }
      });
      return ( request.then(handleSuccess, handleError) );
    }

我希望它有所帮助。

答案 3 :(得分:0)

看到它正常工作 -

self.data = { "email": "adas", "password": "sds", "grant_type": "password", "client_id": "WebApp" };
self.getData = $http.post('../api/Controller/PostItem', JSON.stringify(self.data))
.then(function success(a, b) {
    //
}, function error(a, b) {
    //
});

enter image description here