这种形式的ajax如果换成axios应该怎么改写？这里面的done代表什么？

Question

     $.ajax({
          type: 'POST',
          url: 'http://10.2.10.106:5006/annotation/images/upload',
          data: {
            imgBase64: mycanvas.toDataURL('image/png'),
            filename: `${annotationId}.png`
          }
        }).done(function (uploadRes) {
          const points = []
          const pointsData = []
          for (const i in this.drawingPoints) {
            points.push(`${this.drawingPoints[i][1]['x']}-${this.drawingPoints[i][1]['y']}`)
            pointsData.push([this.drawingPoints[i][1]['x'], this.drawingPoints[i][1]['y']])
          }

Answer 1

改写如下：

axios({
    method: 'post',
    url: 'http://10.2.10.106:5006/annotation/images/upload',
    data: {
        imgBase64: mycanvas.toDataURL('image/png'),
        filename: `${annotationId}.png`
    }
}).then(function (uploadRes)) {
    const points = []
    const pointsData = []
    for (const i in this.drawingPoints) {
        points.push(`${this.drawingPoints[i][1]['x']}-${this.drawingPoints[i][1]['y']}`)
        pointsData.push([this.drawingPoints[i][1]['x'], this.drawingPoints[i][1]['y']])
    }
}

或

axios.post('http://10.2.10.106:5006/annotation/images/upload', {
    imgBase64: mycanvas.toDataURL('image/png'),
    filename: `${annotationId}.png`
}).then(function (uploadRes)) {
    const points = []
    const pointsData = []
    for (const i in this.drawingPoints) {
        points.push(`${this.drawingPoints[i][1]['x']}-${this.drawingPoints[i][1]['y']}`)
        pointsData.push([this.drawingPoints[i][1]['x'], this.drawingPoints[i][1]['y']])
    }
}

done表示ajax执行成功之后的回调