php与ajax交互_ajax php交互-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_35068659/article/details/115414829

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="ajax.js"></script>
</head>
<body>
</body>
</html>

ajax.js

'use strict';

//jquery发送json数据
// $.ajax({
//     url: 'server.php',
//     method: 'POST',
//     dataType: 'json',
//     contentType: 'application/json;charset=UTF-8',
//     data:JSON.stringify({"id":1}),
//     success:function(data, status){
//         console.log(data);
//     }
// });

//原生ajax发送json数据
var xhr = new XMLHttpRequest();

//如果状态改变时，执行的回调函数
xhr.onreadystatechange = function() {
    //如果状态为4，说明已经完成
    if (xhr.readyState == 4) {
        //如果状态码为正常
        if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304) {
            //把json字符串转换为对象
            var x = JSON.parse(xhr.responseText);
            //获取一下x变量的数据类型
            console.log(typeof x);
            //输出id的键值
            console.log(x.mycode);
        } else {
            console.log(xhr.status);
        }
    }
}

//请求方法为post,url为server.php,异步通信
xhr.open("POST", "server.php", true);
//设置一下发送给服务器的头部
//请求报文的内容类型为json,字符集为utf-8
xhr.setRequestHeader("Content-Type","application/json;charset=UTF-8");
//把json对象转换为字符串
xhr.send(JSON.stringify({"id":1}));

server.php

<?php
	//获取原始流
    $postdata = file_get_contents("php://input");
    //如果有数据
    if (isset($postdata)) {
        //把json字符串转换为对象
        $request = json_decode($postdata);
        //访问json对象
        $id = $request->id;
        //把json格式转换为字符串
        echo json_encode([
            "mycode" => $id
        ]);
    }
?>