axios请求成功而$.ajax却不行排错

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/mui/3.7.1/js/mui.min.js"></script>

axios.post(
          url, {
            "serviceStation": "",
            'pageSize': "10000",
            "pageNumber": "1"
          })
        .then(function(res) {
          console.log(res.data);
        });

$.ajax({
        url: url,
        type: "post",
        data: {
          "serviceStation": "",
          'pageSize': "10000",
          "pageNumber": "1"
        },
        success: function(res) {
          console.log(res);
        }
      });

headers: {
    'Content-Type': 'application/json;charset=utf8'
},

data: JSON.stringify({
          "serviceStation": "",
          'pageSize': "10000",
          "pageNumber": "1"
        }),

mui.ajax(url, {
        headers: {
          'Content-Type': 'application/json;charset=utf8'
        },
        data: {
          "serviceStation": "",
          'pageSize': "10000",
          "pageNumber": "1"
        },
        type: 'post', //HTTP请求类型
        success: function(data) {
          console.log(data);
        }
      });