help_user/src/interface.ts

//服务端地址

const server="http://localhost:8080"

const prefix={
    user:"/api/user",
    activity:"/api/activity"
}
//服务器接口地址
export const API={
    account:{
        //注册
        register:prefix.user+"/register",
        //登录
        login:prefix.user+"/login"
    },
    main:{
        activity: {
            //发布求助信息
            help: prefix.activity + "/sendHelp",
            //查找活动列表
            find: prefix.activity + "/find"
        }
    }
}

export enum Method {
    PUT="PUT",
    POST="POST",
    GET="GET"
}

export enum Result {
    OK="OK",
    FAIL="FAIL"
}


/**
 * 响应数据
 */
export abstract class JSONResponse<Q> {
    result?:Result
    customResult?:Q
}

/**
 * 数据类型转换
 */
export abstract class TransformData<Q,T extends JSONResponse<Q>> {
    protected target: T

    constructor() {
        this.target = this.newObject();
    }

    protected abstract newObject(): T

    public transform(data:any){
        this.transformResult(data)
        this.transformBody(data)
        return this.target
    }

    protected  transformBody(data:any){

    }

    private transformResult(data:any){
        if("result" in data ) {
            this.target.result = data.result
        }
        if("customResult" in data){
            this.target.customResult = data.customResult
        }
    }
}

//发送请求
export function request<Q,E extends JSONResponse<Q>,T extends TransformData<Q,E>>(api:string,method:Method,formParams: {[propName:string]: string | Blob},transform:T,callback:Function) {
    let formData
    if(method!==Method.GET) {
        formData=new FormData()
        for (let formParam in formParams) {
            formData.append(formParam, formParams[formParam])
        }
    }else{
        formData=''
        for (let formParam in formParams) {
            formData+='&'+formParam+'='+formParams[formParam]
        }
    }
    fetch(server+api+(method===Method.GET?"?"+formData.toString().substr(1):""),{
        method:method,
        body:method===Method.GET?null:formData
    })
    .then(
        response=>{if(response.status===200){
            return response.json()
        }else{
            throw new Error("遇到无法处理的错误，请联系管理员")

        }}
    )
    .catch(
        error =>console.error('Error:', error)
    )
    .then((response:JSONResponse<Q>)=>{
        callback(transform.transform(response))
    })
}