首先,确保你已经安装了 Flask 和 Flask-Sijax:
pip install Flask
pip install Flask-Sijax
接下来,你可以使用以下代码创建一个简单的 Flask 应用,并在其中使用 Flask-Sijax:
from flask import Flask, render_template
from flask_sijax import Sijax
app = Flask(__name__)
# 配置 Sijax
app.config['SIJAX_STATIC_PATH'] = 'static/sijax'
app.config['SIJAX_JSON_URI'] = '/static/sijax/json2.js'
# 初始化 Sijax
Sijax(app)
@app.route('/')
def index():
return render_template('index.html')
# 定义 Sijax 回调函数
def sijax_callback(obj_response, param1):
obj_response.alert(f'Sijax callback executed with parameter: {param1}')
obj_response.html('#output', f'Result: {param1}')
# 在 Sijax 中注册回调函数
app.sijax.register_callback('sijax_callback', sijax_callback)
if __name__ == '__main__':
app.run(debug=True)
在上述代码中,我们首先配置了 Flask-Sijax,指定了 Sijax 的静态路径和 JSON URI。然后,我们初始化了 Sijax,并在 / 路由中渲染了一个模板。
在模板文件 index.html 中,我们使用 Sijax 提供的 JavaScript 函数来处理 Ajax 请求:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flask Sijax Example</title>
{{ sijax.get_js()|safe }}
</head>
<body>
<h1>Flask Sijax Example</h1>
<button onclick="sijax.request('sijax_callback', {param1: 'Hello Sijax!'})">Execute Sijax Callback</button>
<div id="output"></div>
</body>
</html>
在这个例子中,我们定义了一个按钮,当点击按钮时,会通过 Sijax 发送 Ajax 请求,调用名为 sijax_callback 的回调函数,并传递参数 'Hello Sijax!'。回调函数会在页面上显示警报框和更新 #output 元素的内容。
这只是一个简单的例子,你可以根据需要扩展和修改。Flask-Sijax 提供了更多强大的功能,例如处理表单、文件上传等。你可以查阅 Flask-Sijax 的文档以了解更多详细信息:[Flask-Sijax Documentation](https://pythonhosted.org/Sijax/)。
转载请注明出处:http://www.zyzy.cn/article/detail/7318/Flask