Flask(十九)——Sijax

最新推荐文章于 2022-09-08 21:49:37 发布

hhhcbw

最新推荐文章于 2022-09-08 21:49:37 发布

阅读量887

点赞数

分类专栏： Flask 文章标签： flask python 后端

本文链接：https://blog.csdn.net/weixin_44491423/article/details/123247495

版权

Flask 专栏收录该内容

21 篇文章 13 订阅

订阅专栏

Sijax代表’Simple Ajax’，它是一个Python/jQuery库，旨在帮助Flask开者者轻松地将Ajax引入到应用程序。它使用jQuery.ajax来发出AJAX请求。

安装

Flask-Sijax的安装非常简单，使用以下命令

pip install flask-sijax

配置

SIJAX_STATIC_PATH - Sijax javascript文件的静态路径。默认位置是 static/js/sijax。在这个文件夹中，保存了 sijax.js 和 json2.js 文件。
SIJAX_JSON_URI - 加载 json2.js 静态文件的URI
Sijax使用JSON在浏览器和服务器之间传递数据。因此，浏览器需要本地支持JSON或从 json2.js 文件获得JSON支持。

以这种方式注册的函数不能提供Sijax功能，因为默认情况下它们不能使用POST方法访问(并且Sijax使用POST请求)。

要使View函数能够处理Sijax请求，可以使用 @app.route('/url'，methods = ['GET'，'POST']) 通过POST对其进行访问，或使用类似 @flask_sijax.route 辅助装饰器

@flask_sijax.route(app, '/hello')

每个Sijax处理函数(像这样)都会自动接收至少一个参数，就像Python将 self 传递给对象方法一样。 obj_response 参数是函数返回浏览器的对象。

def say_hi(obj_response):
     obj_response.alert('Hi sijax!')

当检测到Sijax请求时，Sijax像这样处理它

g.sijax.register_callback('say_hi', say_hi)
     return g.sijax.process_request()

Sijax 应用程序

最小的Sijax应用程序代码如下所示

import os

import flask_sijax
from flask import Flask, g, render_template
from flask_sijax import sijax

path = os.path.join('.', os.path.dirname(__file__), 'static/js/sijax/')
app = Flask(__name__)
app.config['SIJAX_STATIC_PATH'] = path
app.config['SIJAX_JSON_URI'] = '/static/js/sijax/json2.js'
flask_sijax.Sijax(app)


@app.route('/')
def index():
    return "<a href='/hello'>Go to Hello test</a>"


@flask_sijax.route(app, '/hello')
def hello():
    def say_hi(obj_response):
        obj_response.alert('Hi there!')

    if g.sijax.is_sijax_request:
        # Sijax request detected - let Sijax handle it
        g.sijax.register_callback('say_hi', say_hi)
        return g.sijax.process_request()

    return render_template('sijaxexample.html')


if __name__ == '__main__':
    app.run(debug=True)

当一个Sijax向服务器请求(一个特殊的 jQuery.ajax() 请求)时，这个请求在服务器上被 g.sijax.is_sijax_request() 检测到，在这种情况下，就会自动让Sijax处理请求。

所有使用 g.sijax.register_callback() 注册的函数都公开给浏览器进行调用。

调用 g.sijax.process_request() 告诉Sijax执行适当的(之前注册的)函数并将响应返回给浏览器。

sijaxexample.html

<html>
<head>
<script type="text/javascript"
    src="/static/js/jquery-3.6.0.js"></script>
<script type="text/javascript"
    src="/static/js/sijax/sijax.js"></script>
<script type="text/javascript">
    {{ g.sijax.get_js()|safe }}
</script>
</head>
<body>
    <a href="javascript://" onclick="Sijax.request('say_hi');">Click here</a>
</body>
</html>

hhhcbw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Flask(十九)——Sijax

Sijax代表’Simple Ajax’，它是一个Python/jQuery库，旨在帮助Flask开者者轻松地将Ajax引入到应用程序。它使用jQuery.ajax来发出AJAX请求。安装Flask-Sijax的安装非常简单，使用以下命令pip install flask-sijax配置SIJAX_STATIC_PATH - Sijax javascript文件的静态路径。默认位置是 static/js/sijax。在这个文件夹中，保存了 sijax.js 和 json2.js .
复制链接

扫一扫