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

时间:2015-07-07 15:06:40

标签: javascript jquery ajax django

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

1 个答案:

答案 0 :(得分:2)

是JavaScript是您需要的。 你并不真的需要一个JS-Library,但JQuery让事情变得更容易。

您可以通过在页面加载时加载所有库存数据来避免使用Ajax,并将其写入例如一个JavaScript数组。然后只需在单击按钮时使用Array中加载的数据替换表中的数据。 这可能会使您的页面在开始时加载缓慢,但在完成加载后可以保证快速交互。 使用Ajax(访问从数据库加载单个数据并将其响应到浏览器的pythong脚本)可能会在更改库存提案时导致更长的加载时间,以防用户点击"我不想购买&#34 ; - 按钮

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