php前后端数据交互

返回json格式的数据格式

<?php
    session_start(); /*验证验证码是否正确*/

    $code = trim($_POST['code']);
    //接收前端传来的数据，trim表示去除数据前面的空格字符

    $raw_success = array('code' => 1, 'msg' => '验证码正确');
    $raw_fail = array('code' => 2, 'msg' => '验证码错误');
	//用关联数组格式等会编程json格式

    $res_success = json_encode($raw_success); 
    $res_fail = json_encode($raw_fail);
	//对数据进行json化

    header('Content-Type:application/json');
    //这个类型声明非常关键，设置之后就只能echo一个json格式数据，否则请求失败。

    if ($code == $_SESSION["verfycode"]) {
        echo $res_success;
    } else {
        echo $res_fail;
    }
    //用echo进行返回，这样前端接收到的数据就是一个对象



?>

前端访问

<script>
    var con = document.getElementById("text");
    var btn = document.querySelector("button");
    btn.onclick = function () {
        var d = con.value; //获取表单信息
        $.ajax({
            type: "GET",//请求方式
            data:{text:d},//数据
            url: "./index.php",//地址
            success: function (res) { 
                alert("后台返回数据" + res);
                console.log(res);
            },
            error: function () {
                alert("请求失败！");
            }
        })

    }
</script>