jQuery post vs angular使用POST方法

Question

我正在嘗試序列化表單並使用http POST方法將其發送到服務器...

我有以下代碼的jQuery ..

    var data = $scope.modal.element.find('form').serialize();

    $.ajax({
        type: "POST",
        url: "/user/add.html",
        data: data
    }).success(function(ret){
        $scope.modal.body = $sce.trustAsHtml(ret);
        $http.get("/user/list.json").success(function(data){
            $scope.users = data;
        });
    }); 

上面的代碼工作正常...當我使用angular使用以下代碼發布數據時...

       var data = $scope.modal.element.find('form').serialize();

       $http.post("/user/add.html", data).success(function(html){
            $scope.modal.body = $sce.trustAsHtml(html);
            $http.get("/user/list.json").success(function(data){
                $scope.users = data;
            });
        });

服務器嚇壞了...並且無法理解通過其發送的任何變量...服務器返回錯誤，提示我所有字段均為空...（無法解析）

我已經閱讀了一些答案，其中涉及編輯表單的html並使用ng-model來獲取變量，不幸的是，我可以這樣做...

請告訴我這兩種方法之間的區別是什么...為什么一個起作用而另一個卻不起作用...

PS：我想使用角度發布數據

Answer 1

嘗試這樣做：

   var data = $scope.modal.element.find('form').serialize();

   $http({
        method: 'POST',
        url: "/user/add.html",
        data: data,
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
   }).success(function(html){
        $scope.modal.body = $sce.trustAsHtml(html);
        $http.get("/user/list.json").success(function(data){
            $scope.users = data;
        });
    });