当前位置: 首页 > 编程笔记 >

Vue2.X 通过AJAX动态更新数据

王昊
2023-03-14
本文向大家介绍Vue2.X 通过AJAX动态更新数据,包括了Vue2.X 通过AJAX动态更新数据的使用技巧和注意事项,需要的朋友参考一下

最近在做一个跟美团同样一套预约系统,由于一个商家会有很多主题,而每个主题下面会有很多场次。

那怎么在一个页面把这些数据很好的动态展示出来呢?我首先想到了VUE的动态绑定数据。

由于第一次使用VUE,很多东西不懂,只能靠百度。服务器返回的数据直接是JSON数据,初始数据完美的通过VUE渲染了出来,但是在切换主题显示场次信息的时候,出现了问题。发现数据是获取到了,但是VUE并没有对它进行渲染。

 

var ndata = new Vue({
 el:'#playlist',
 data:{
 rows:{}
 },
 mounted: function() {
 var self = this;
 }
});
后来查了很多资料,通过以上方法,AJAX获取数据动态的成功绑定了数据
$.getJSON("URL, function(json){
//获取初始的数据
  ndata.rows = json;
});

总结

以上所述是小编给大家介绍的Vue2.X 通过AJAX动态更新数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 问题内容: 我想通过ajax向数据库提交数据,将数据插入数据库后,该数据应最后动态显示在 Demo.html 文件中,即在我的情况下位于div之后。 我已经通过ajax很好地存储了数据,但是我不知道如何将这些新插入的数据显示到 Demo.html 。所以请指导我如何实现此目的。 下面是我的代码。 AjaxFile.html controller.php Demo.html 问题答案: AjaxFi

  • 问题内容: 我将用户输入(在这种情况下,只是数量和产品代码)传递给php脚本,以通过ajax存储到会话数组中。我希望,每次用户单击“提交”并进行ajax调用时,数量和产品代码都会添加到会话数组中。但是现在发生的是,每次它更新会话中的现有数据时。因此,仅存在一对数据。 这是我的ajax脚本: 我的PHP sendToCart.php 问题答案: 每次进行ajax调用时,您都会覆盖会话变量。 您需要读

  • 我认为这是一个简单的问题。我不熟悉jQuery。我正在尝试制作脚本,这样当您单击图像时,ajax将调用php文件,该文件将更新mySQL数据库。 我的脚本: HTML: PHP文件: 出于某种原因,完全没有回应。数据库保持不变,html页面没有任何变化。代码是否有问题,或者我无法通过ajax更新数据库?

  • 问题内容: 我一直在努力学习AJAX,以便我可以简单地用数据库中的新文本动态更新网页,因为似乎所有的Ajax教程都是涉及将数据写入数据库的更复杂的示例。 我正在处理的页面只是一个PHP脚本,需要向其发布注册和ID号,并且该页面依次显示来自数据库的消息(经常更新)。我目前在页面顶部有一个“更新消息”按钮,该按钮发送命令以更新消息,但是需要刷新页面才能工作。 我只想使用ajax来动态刷新消息。这是我到

  • 我使用x-edable来编辑内容。在官方文档中,它说“打开页面,点击元素”。输入新值并提交表单。它将向发送带有新值的ajax请求。 这是我想做的,但是我的url是动态的。我想知道如何生成动态url? 以下是显示内容和可编辑启用的用户界面: 现在当我输入

  • 问题内容: 如何通过更改文件d3访问来按需更新数据?例如,通过单击,它将从一个新的数据文件中读取数据,并将更多的节点添加到图形中,例如AJAX。 我使用d3.tsv读取data.tsv,这是许多相同格式的文件之一。 我做了一个简单的图表来说明我的问题。提前致谢。 问题答案: 试试这个。