The pointing problem of this in jQuery ajax

in jQuery ajax, why does the this under the data attribute point to my vue instance? As follows:

//vue
data(){

  return{
     name:"test",
     age:18,
  }
}

//ajax
methods:{
  getData(){
    $.ajax({
     url:"test.php",
     type:"post",
     data:{
       "name":this.name,
       "age":this.age,
       }
     })
  }
}

as far as I understand it, this should point to the object jQuery, because it is the ajax method in jQuery that calls this property, so this should point to jQuery,. Why is it still pointing to the instance vue?

Jquery ajax this

Dec.22,2021

because this is written in $.ajax () parentheses, here data is only equivalent to an incoming object parameter (the data format here is an object), and I misunderstand that the method is not called.
and the this in the subsequent callback function points to one of the built-in objects in ajax that calls his object rather than the other. The this of the
callback function points to the AJAX configuration object ajaxSettings of jQuery. Inside jQuery, s.success is used instead of the callback function passed in, and the calling object of success is s, which is the abbreviation of ajaxSettings object. Also note that the ${this} in the callback function does not point to this jQuery but to the object s above.

Previous: A problem with node path path printing?

Next: I came across an interview question today, but I didn't figure out how to solve it.