首页 > 语言 > JavaScript > 正文

jQuery实现Ajax功能分析【与Flask后台交互】

2024-05-06 15:38:07
字体:
来源:转载
供稿:网友

本文实例讲述了jQuery实现Ajax功能。分享给大家供大家参考,具体如下:

jQuery 是一个小型的 JavaScript 库,它通常被用来简化 DOM 和 JavaScript 操作。通过在服务器和客户端之间交换 JSON 数据是使得 Web 应用动态化的完美方式。

JSON 本身是一个很清量级的数据传输格式,非常近似于 Python 的原始数据类型 (数字、字符串、字典和链表等),这一数据格式被广泛支持,而且非常容易解析。 它几年前开始流行,然后迅速取代了 XML 在 Web 应用常用数据传输格式中的地位。

如果您使用 Python 2.6 以上版本,JSON 的解析库是开箱即用的。在 Python 2.5 中您则必须从 PyPI 安装 simplejson 库。

加载 jQuery

为了使用 jQuery 您需要先下载它,然后将其放置在您应用的静态文件夹中,并确认他被加载了。理想的情况下是,您有一个用于所有页面的布局模板。要加载 jQuery 您只需要在这个布局模板中 <body> 标签的最下方添加一个 script 标签。

<script type=text/javascript src="{{ url_for('static', filename='jquery.js') }}"></script>

另一个加载 jQuery 的技巧是使用 Google 的 AJAX Libraries API :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script><script>window.jQuery || document.write('<script src="{{ url_for('static', filename='jquery.js') }}">/x3C/script>')</script>

在以上配置的情况下,您需要将 jQuery 放置到静态文件夹当中作为一个备份。浏览器将会首先尝试直接从 Google 加载 jQuery。如果您的用户至少一次访问过使用 Google 提供的的 jQuery 版本的话,浏览器就会缓存这个代码,这样您的网站就可以从中获得加载更快的好处了。

我的站点在哪?

您知道您的应用在哪里运行么?如果您在开发过程当中,那么答案非常简单: 它运行在本地端口,而且就在这个 URL 的根路径位置。但是如果您后来决定将您的应哟ing移动到一个不同的未知怎么办?比如 http://example.com/myapp ? 在服务器这边,这从来不是一个问题,原因是我们使用的 url_for() 函数可以帮我们回答这个问题。但是如果我们在使用 jQuery 我们不应该将指向应用的路径硬编码到程序中,而是将它动态化。该如何做到这点呢?

一个简单的技巧可能是为我们的页面添加一个 script 标签,然后设定一个全局变量作为一个应用根路径的前缀。如下所示:

<script type=text/javascript> $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};</script>

这里的 |safe 是必要的。这样 Jinja 才不会将 JSON 编码的字符串以 HTML 的规则过滤处理掉。通常这种过滤是必要的,但是在 script 标签块当中有着不同于原先的过滤规则。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选