使用ts封装一个ajax

练习使用ts 的 接口

interface

/**
 * 使用TS封装一个ajax
 */

 interface Config{
     type:string;

     url:string;

     data?:any; // 可选

     dataType:string;
 }


 function ajax(config:Config){
     let xhr = new XMLHttpRequest();

     xhr.open(config.type,config.url,true);

     xhr.send(config.data);

     xhr.onreadystatechange = function(){
         if(xhr.readyState == 4 && xhr.status == 200){
             if(config.dataType == 'json'){
                 console.log(JSON.parse(xhr.responseText))
             }else{
                 console.log(xhr.responseText)
             }
         }
     }
 }


 //使用

 ajax({
     type:'get',
     url:'localhost:3000',
     data:{name:123},
    dataType:'json'
 })

posted @   打个大大西瓜  阅读(72)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示