javascript - jquery post 与 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:我想使用 Angular 来发布数据

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