AngularJS HTTP post to PHP and unfined

php javascript angularjs

2022-08-30 07:26:48

我有一个带有标签的表单ng-submit="login()

该函数在javascript中被调用。

function LoginForm($scope, $http)
{
    $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';

    $scope.email    = "fsdg@sdf.com";
    $scope.password = "1234";

    $scope.login = function()
    {
        data = {
            'email' : $scope.email,
            'password' : $scope.password
        };

        $http.post('resources/curl.php', data)
        .success(function(data, status, headers, config)
        {
            console.log(status + ' - ' + data);
        })
        .error(function(data, status, headers, config)
        {
            console.log('error');
        });
    }
}

我从PHP文件收到200 OK响应，但是，返回的数据正在说并且未定义。这就是我拥有的所有phpemailpassword

<?php
$email = $_POST['email'];
$pass  = $_POST['password'];
echo $email;
?>

任何想法为什么我得到未定义的值？POST

编辑

我想指出，因为这似乎是一个流行的问题（但它很旧），并且已被弃用，您应该使用@James Gentes在公报中指出.success.error.then

答案 1

angularjs 将内容类型标头默认为。您正在重写它以传递表单编码的数据，但是您没有更改值以传递适当的查询字符串，因此PHP不会按预期填充。.post()application/jsondata$_POST

我的建议是只使用默认的 angularjs 设置 as header，读取 PHP 中的原始输入，然后反序列化 JSON。application/json

这可以在PHP中实现，如下所示：

$postdata = file_get_contents("php://input");
$request = json_decode($postdata);
$email = $request->email;
$pass = $request->password;

或者，如果您严重依赖功能，则可以像这样形成查询字符串并将其作为数据发送。请确保此查询字符串是 URL 编码的。如果手动构建（而不是使用类似的东西），Javascript应该为你做这个把戏。$_POSTemail=someemail@email.com&password=somepasswordjQuery.serialize()encodeURIComponent()

答案 2

我在服务器端执行此操作，在我的init文件的开头，就像一个魅力，你不必在有角度或现有的php代码中做任何事情：

if ($_SERVER['REQUEST_METHOD'] == 'POST' && empty($_POST))
    $_POST = json_decode(file_get_contents('php://input'), true);