javascript - 如何在django项目上创建动态页面?

标签 javascript jquery ajax django

我一直在构建一个 django 应用程序,用于创建静态页面,无需任何 ajax 请求。不过,我想构建一个动态子页面,无需页面刷新/重新加载即可更改其内容。我将尝试概述我想要完成的任务,希望有人能给我指出正确的方向。
这是我的页面:
enter image description here 基本上我想向用户建议库存更换。 Page 建议卖出股票代码 SRCE 并买入股票代码 XOM。在表中,我添加了一些额外的数据,例如股息 yield 、支付率……
现在我想要实现的是,通过单击“我不想出售 SRCE”,我想用我的卖出列表中的另一只股票替换股票 SRCE。通过点击“我不想购买 XOM”,我想用我的购买列表中的另一只股票替换 XOM。
我可以简单地为此创建新的网址和页面,但因为我只想更改表和符号名称中的数据(也是图形数据,但我稍后会处理它),我认为如果页面不重新加载会更容易。通过js/jquery动态替换股票及其数据?
很抱歉发了这么长的帖子,这是我的问题。 我该怎么做?
我认为 angular.js 是正确的选择,但在观看了一些视频后,我认为对于如此简单的任务来说它太复杂了。我应该使用原始ajax/jquery吗?
我想销售和购买列表的数据都应该是 json 格式。如何让json数据在页面中显示并动态替换?

最佳答案

是的,JavaScript 就是你所需要的。 您实际上并不需要 JS 库,但 JQuery 使事情变得更容易。

您可以通过在页面加载时加载所有股票数据并将其写入例如JavaScript 数组。然后,只需在单击按钮时使用从数组加载的数据替换表中的数据即可。 这可能会使您的页面在开始时加载缓慢,但保证在加载完成后快速交互。 使用 Ajax(访问 pythong 脚本,该脚本从数据库加载单个数据并将其响应到浏览器)可能会在更改股票建议时导致更长的加载时间,以防用户单击“我不想购买”按钮。

对于如何解析 Json-Data,您可以例如:阅读这篇文章: Parse JSON in JavaScript?

关于javascript - 如何在django项目上创建动态页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31272442/

相关文章:

php - 元素未从 DOM 中删除

Firefox 弹出窗口的 Javascript 调整大小?

javascript - 将函数分成几行

javascript - ECONFLICT 无法找到适合 jquery Foundation 的版本

javascript - AJAX 不返回 JSP 形式的值

jquery - jQuery的empty()和remove()函数是否异步执行?

javascript - jQuery 中通过悬停来淡入和淡出元素

javascript - 带有可选字符的 jQuery Mask

javascript - 从 jQuery 中的价格中删除小数点、逗号和数字

php - 使用没有日期的 FullCalendar