使用 angular.js 将数据发送到 php 文件

Question

对，所以我有一个角度函数，它使用 http 方法将数据发送到 php 文件。我想处理数据的 php 代码并将其回显到页面上以确认 php 文件已处理它。 我目前收到 undefined 提醒我，我肯定应该把电子邮件的价值还给我吗？。 谢谢大家

我正在关注本教程https://codeforgeek.com/2014/07/angular-post-request-php/

var request = $http({
 method: "post",
 url: "functions.php",
 data: {
    email: $scope.email,
    pass: $scope.password
},
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
});

//.then occurs once post request has happened
//success callback
request.success(function (response) {
  alert(response.data);
},

//error callback
function errorCallback(response) {
  // $scope.message = "Sorry, something went wrong";
  alert('error');
});

我的php代码...

//receive data from AJAX request and decode
$postdata = file_get_contents("php://input");
$request = json_decode($postdata);

@$email = $request->email;
@$pass = $request->pass;

echo $email; //this will go back under "data" of angular call.

Answer 1

从文档：

$http遗留承诺方法success和error已被弃用。 请改用标准then方法。 如果$httpProvider.useLegacyPromiseExtensions设置为false那么这些方法将抛出$http/legacy错误。

您的代码应如下所示：

request.then(
    function( response ) {
        var data = response.data;
        console.log( data );
    },
    function( response ) {
        alert('error');
    }
);

现在，您需要以 JSON 格式对来自服务器的响应进行编码，因此替换echo $email; 和：

echo json_encode( array(
    'email' => $email
) );

你可以访问email从angularjs财产$http.success承诺回调函数（这里面的第一个函数then关闭）由response.data.email