Angular JS Post无效

时间:2015-10-21 13:54:59

标签: javascript angularjs asp.net-mvc post ionic

我正在使用angularjs和ionic.I在asp.net mvc中将角度js中的多个数据发布到Api控制器

我有以下代码,以便将多个表单数据发布到来自angularjs的asp.net mvc中的控制器。

  $http({
        method: 'POST',
        url: 'http://localhost:51425/api/values/Response',
        params: { PropertyFirst: "1", PropertySecond: "2" },
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    }).success(function (data) {
        alert("ok");
    });

如果我使用以下代码,有效

[HttpPost]
public object Response(string PropertyFirst , string PropertySecond)
{

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");


return null;
}

但是,如果我使用以下代码,则无效

PropertyClass

public string PropertyFirst{ get; set; }
public string PropertySecond{ get; set; }

控制器端

[HttpPost]
public object Response(PropertyClass propertyValues)
{

HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");

return null;
}

我得到以下错误:

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

问题:

如何将 PropertyFirst PropertySecond 发布到 PropertyClass

任何帮助将不胜感激。

感谢。

1 个答案:

答案 0 :(得分:1)

来自Angular $HTTP docs

params - {Object。} - 将使用paramSerializer序列化并附加为 GET参数的字符串或对象的映射。

我不太了解asp MVC框架,但如果你改变了#params'数据的关键'密钥,您的请求将是正确的

不幸的是,我无法真正帮助ASP控制器,因为我对这种语言完全不熟悉。