如何通過angular $http.get 將json數據發送到webapi

Question

WebAPI 代碼

 [HttpPost]
        public IHttpActionResult PostData(ARParameter allParams)
        {
               //My Code
        }

  public class ARParameter 
        {
            public string action;
            public SomeRules rule;
        }

 public class SomeRules 
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public string PassFail { get; set; }
    }

我想調用PostData方法

我的 javascript 代碼是

 addData=function ($scope) {
            var data=
            +'{'
            +'    "action":"post",'
            +'    "rule":"{}"'
            +'}';


            $http({
                url: urlContent + '/api/Rules',
                method: "POST",
                params: { allParams: data }
            }).success(function (response) {
                $scope.rules = response;
            });;
        }

如何構造json？

Answer 1

服務器端變化

• 在您的操作中設置ActionName屬性。

   [ActionName("PostData")] [HttpPost] public IHttpActionResult PostData(ARParameter allParams) { //My Code }

客戶端更改

• Json格式看起來像

var data= {"action":"post","rule":{"ID":"1","Name":"Ramesh","PassFail":"Pass"}}

• 您的客戶端代碼應該看起來像

  $scope.addData = function () { var data= {"action":"post","rule":{"ID":"1","Name":"Ramesh","PassFail":"Pass"}} $http({ url: urlContent + '/api/Rules/PostData', method: "POST", data: data }).success(function (response) { $scope.rules = response; });; }

Answer 2

你的 API 方法 PostData 是 POST 類型，所以調用應該是 POST。 下面是構造json的方法。

var data={"action":"post","rule":{"ID":"123","Name":"namehere","PassFail":"passfailhere"}}