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;
        });
    });