php中的json编码不起作用

Question

这是我的代码。我想用 angular 和 php 检查验证 这是 html 。我要检查验证此表单

<form ng-submit="dk()">
<label for="">Name</label>
<input type="text" name="name" ng-model="formData.name">

{{errorName}}
    <button type="submit">Submit</button>
</form>
{{formData}}
{{message}}

这里是 angular 。我向 php 代码发送 http 请求

function dkController($scope,$http){
            $scope.formData ={};
            $scope.dk = function(){
                $http({
                    method:'POST',
                    url:'test.php',
                    data:$.param($scope.formData),

                }).then(onSuccess)

                function onSuccess(response){
                    $scope.mydata = response.data;
                    if($scope.mydata.success==false){
                        $scope.errorName = response.data.errors.name;
                    }else{
                        $scope.message = response.data.message;
                        $scope.errorName='';
                    }
                }

这里是 php 。我在这里检查代码

  <?php
    $data=array();
    $errors=array();
    $conn = mysqli_connect('localhost','root','','project'); 
    if(isset($_POST['name'])){
    $username =$_POST['name'];
    $sql="SELECT * FROM hoso where username='$username'";
    $result = mysqli_query($conn,$sql);
    if(mysqli_num_rows($result)>0){
        $errors['username']='You cant use this username';
    }
    }


    if(!empty($errors)){
        $data['success']=false;
        $data['errors']=$errors;
    }else{
        $data['success']=true;
        $data['message']='Success';
    }

    echo json_encode($data);
    ?>

这里是显示{"success":true,"message":"Success"} 我不知道为什么这个 json 没有错误。我哪里错了。请帮我 。谢谢

Answer 1

首先在你的角度方法onSuccess只放下面，更新如下

function onSuccess(response){
    $scope.mydata = response.data;
}

要看看你得到了什么，请将{{message}}替换为 {{mydata}} 通过这个你可以看到发生了什么。
执行上述操作只是为了检查您从 PHP 脚本中得到了什么。以上代码不是解决方案。
而且您的角度方法 onSuccess 也有错误，请更正您的角度值，而不是 response.data.errors.name; 使用 response.data.errors.username;

完成我提到的所有更正后，请打印 {{errorName }} 并查看消息。

或只需使用以下
更新： HTML

<form ng-submit="dk()">
<label for="">Name</label>
<input type="text" name="name" ng-model="formData.name">

{{errorName}}
    <button type="submit">Submit</button>
</form>
{{formData}}
{{errorName}}

JS

function onSuccess(response){
    $scope.mydata = response.data;
    if($scope.mydata.success==false){
        $scope.errorName = response.data.errors.username;
    }else{
        $scope.message = response.data.message;
        $scope.errorName='Success msg';
    }
}