js中ajax请求不到数据,vue.js数据从$ .ajax()请求不绑定到表

在本文中,作者遇到一个关于AJAX请求与Vue.js数据绑定的问题。使用$.ajax()函数从服务器获取数据后,尝试将数据动态追加到HTML表格中,但数据并未按预期显示。问题在于数据加载时表格未正确更新。作者提供了HTML结构和JavaScript代码,包括Vue.js的实例。尽管页面在加载时显示为空,但在成功调用API并接收到响应后,数据未能正确填充到表格中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我有一个$ .ajax()函数正常工作并返回一个结果,我想我做了一切需要的数据绑定进展顺利。

页上基本上加载从$。阿贾克斯()追加到表中的数据,但问题是,数据不附加像它应该。我错过了什么吗?

HTML:

NAMECLIENT-IDURLACTIONS

{{ agr.name }}{{ agr.client_id }}{{ agr.url }}

edit.svgcopy.svg

{{ agr.name }}{{ agr.client_id }}{{ agr.url }}

edit.svgcopy.svg

{{ agr.name }}{{ agr.client_id }}{{ agr.url }}

edit.svgcopy.svg

{{ agr.name }}{{ agr.client_id }}{{ agr.url }}

edit.svgcopy.svg

JAVASCRIPT:

//VARIABLES

var url = "http://mobisteinlp.com/redirect/redirect";

agr = 0;

//VUE.JS REDIRECT VIEW MODEL

var redirect = new Vue({

el: '#redirect',

data: {

agr1: []

},

mounted() {

this.getAll(); //DISPLAY TABLE ON PAGE LOAD

},

methods: {

//

getAll: function() {

var self = this;

console.log('teste');

$.ajax({

url: url + "/getAll",

type: "POST",

dataType: "json",

success: function(response) {

console.log(response); //

self.agr1 = response;

console.log(self.agr1);

console.log('success!');

},

error: function() {

console.log('error');

} //end error function

}); //end $.ajax() request

}, //end getAll function

} //end methods

}) //end vue.js instance

2017-05-25

Timmy

+0

'但问题是数据没有像它应该添加的那样作为问题描述是不够的。请提供期望的结果和您得到的结果。 –

+0

该表在页面加载时显示为空,当您(重新)加载时应该填充它。 –

+0

你能告诉你得到了什么样的回答,它是一个数组,对象还是对象数组? –

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值