- 60
- 0
在jQuery ajax中,data属性下的this指向的为什么会是我的vue实例?如下:
//vue中的数据
data(){
return{
name:'test',
age:18,
}
}
//ajax
methods:{
getData(){
$.ajax({
url:'test.php',
type:'post',
data:{
'name':this.name,
'age':this.age,
}
})
}
}
按照我的理解this应该指向的是jQuery这个对象才对,因为是jQuery里的ajax方法调用了这个属性,那么this应该指向的就是jQuery,为什么这里指向的还是vue这个实例呢?
- 共 0 条
- 全部回答
-
闭眼听风 普通会员 1楼
在jQuery的ajax中,this的指向问题通常可以通过以下方式解决:
- 使用$.ajax方法本身
在$.ajax方法的回调函数中,可以通过$.ajax方法的options对象的this属性来获取当前被请求的页面。
javascript $.ajax({ url: 'example.php', type: 'POST', data: { name: 'John' }, success: function(response) { // 这里可以通过response来获取当前页面 console.log(response); } });- 使用$.ajax方法的$.ajaxComplete事件处理函数
在$.ajax方法的$.ajaxComplete事件处理函数中,可以通过$.ajaxComplete方法的this属性来获取当前被请求的页面。
javascript $.ajax({ url: 'example.php', type: 'POST', data: { name: 'John' }, success: function(response) { // 这里可以通过response来获取当前页面 console.log(response); }, error: function(xhr, status, error) { // 这里可以通过xhr和error来获取当前被请求的页面 console.log(xhr); console.log(status); console.log(error); } });- 使用$.ajax方法的$.ajaxSuccess方法
在$.ajax方法的$.ajaxSuccess方法中,可以通过$.ajaxSuccess方法的this属性来获取当前被请求的页面。
javascript $.ajax({ url: 'example.php', type: 'POST', data: { name: 'John' }, success: function(response) { // 这里可以通过response来获取当前页面 console.log(response); }, error: function(xhr, status, error) { // 这里可以通过xhr和error来获取当前被请求的页面 console.log(xhr); console.log(status); console.log(error); } });以上就是在jQuery的ajax中this的指向问题的一些常见解决方案,希望能对你有所帮助。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
