对比前后端接口: 研究常见的前后端交互接口类型

$.ajax({
    url: '/api/users',
    type: 'GET',
    dataType: 'JSON',
    success: function(data) {
        // 处理返回的数据
    }
});

app.get('/api/users', function(req, res) {
    // 处理请求，返回数据
});

import { gql } from 'apollo-boost';
import { useQuery } from '@apollo/React-hooks';

const GET_USERS = gql`
    query {
        users {
            id
            name
            age
        }
    }
`;

function MyComponent() {
    const { loading, error, data } = useQuery(GET_USERS);

    if (loading) return <p>Loading...</p>;
    if (error) return <p>Error :(</p>;

    // 处理返回的数据
    return (
        <ul>
            {data.users.map(user => (
                <li key={user.id}>{user.name}</li>
            ))}
        </ul>
    );
}

const resolvers = {
    Query: {
        users: () => {
            // 查询数据，返回用户列表
        }
    }
};

const server = new GraphQLServer({ typeDefs, resolvers });
server.start(() => console.log('Server is running on http://localhost:4000'));