Question

我正在尝试将json对象传递给我的factory.login方法，以便我可以重新使用它。

这是我的代码：

控制器功能

var data = {email:'test','password':'test'};

vm.login = function() {
            employeeFactory.login(vm.url, vm.data)
                    .then(function(response) {
                        console.log(response);
                    }, function(data)
                    {
                        console.log(data.status);
                    });
        }

工厂

factory.login = function(url,data) {
        return $http({
            'method': 'POST',
            'url': url,
            'data': $.param(
                data
            ),
            'headers': {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        });
    }
    return factory;

但错误是：

angular.js:13294 TypeError: Cannot read property 'jquery' of undefined
    at Function.n.param (jquery-2.2.2.min.js:4)
    at Object.factory.login (employeeFactory.js:14)
    at employeeController.vm.login (employeeController.js:16)
    at fn (eval at <anonymous> (angular.js:14138), <anonymous>:4:285)
    at b (angular.js:15151)
    at e (angular.js:24674)
    at m.$eval (angular.js:16895)
    at m.$apply (angular.js:16995)
    at HTMLButtonElement.<anonymous> (angular.js:24679)
    at HTMLButtonElement.n.event.dispatch (jquery-2.2.2.min.js:3)

Answer 1

这应该是vm.data

vm.data = {email:'test','password':'test'};

工厂根本不需要jQuery，只需使用以下构造

factory.login = function(url,data) {
    return $http({
        'method': 'POST',
        'url': url,
         //don't use $.param, as you need jQuery dependency for that
         //for x-www-form-urlencoded you have to use this construction
         //email=test&password=test
        'data': 'email=' + data.email + '&password=' + data.password, 
        'headers': {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    });
}
return factory;

但考虑在服务器请求处理程序上使用JSON类型，因为它更容易

Answer 2

您的JSON似乎不正确。应该是：

var data = { "email": "test", "password": "test"};

$http.post功能也可用：

$http.post(url, data, [{headers: { 'Content-Type' : 'application/x-www-form-urlencoded'}]);

Answer 3

JSON是一种序列化对象的格式，因此它是一个字符串。您将对象作为包含要发送到服务器的数据的数据，所以只需执行以下操作：

只需将数据对象放入其中：

factory.login = function(url,data) {
    return $http({
        'method': 'POST',
        'url': url,
        'data': data
    });
}
return factory;

Angular会将json发送到有效负载中的服务器。你不需要自己进行序列化。

文档https://docs.angularjs.org/api/ng/service/ $ http - ＆GT;默认转换 - ＆gt;

请求转换（$ httpProvider.defaults.transformRequest和   $ http.defaults.transformRequest）：

如果请求配置对象的data属性包含   对象，将其序列化为JSON格式。响应转换   （$ httpProvider.defaults.transformResponse和   $ http.defaults.transformResponse）：

如果检测到XSRF前缀，请将其删除（请参阅安全注意事项   以下部分）。如果检测到JSON响应，则使用a反序列化它   JSON解析器。

堆栈跟踪显示以下错误：

TypeError: Cannot read property 'jquery' of undefined

Answer 4

miss match变量使用声明的var data = {}但在控制器中使用了vm.data。应声明为

vm.data= {email:'test','password':'test'}

或

如果声明为data

，请在employeeFactory.login(vm.url, data)中使用var data= {}

并且在您的工厂中无需使用$.param可以在post方法中发送作为参数，如

$http.post(url, data, [{headers: { 'Content-Type' : 'application/x-www-form-urlencoded'}]);

Angular Documentation

AngularJs在post中使用object

4 个答案: