【让AI女友跟我表白】大白话说Python+Flask入门（四）Flask Sijax的使用

技术分享 2年前 (2023-12-02) 0 999+

关注

写在前面

先吐槽两句，搞个mysql安装配置弄了4个小时，怎么都是外网无法访问，我靠，我特么也是服了。

当然，后来我投降了，明天再说，学什么不是学，娘的，换个方向，状态依然在！

Sijax是什么？

代表 Simple Ajax ，它是一个 Python / jQuery 库，使用 jQuery.ajax 来进行AJAX请求用的。

安装依赖

pip install flask-sijax

Sijax的使用

模板页面result.html，示例代码如下：

<html> <head> {#  调用百度的jQuery加速  #} <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> {#  安装Flask-sijax时默认安装的sijax.js #} <script type="text/javascript" src="/static/js/sijax/sijax.js"></script> {#  使用过滤器safe禁止转译sijax_get_js() #} <script type="text/javascript"> {{ g.sijax.get_js()|safe }} </script> </head> <body> {# 创建id为my_form的表单 #} <form id="my_form">     <p><input type="text" name="username" value="小强" /></p>     <p><input type="password" name="password" value="123445" /></p> </form> {# 使用Sijax.getFormValues方法获取id为my_form的表单数据 #} <script type="text/javascript">     var values = Sijax.getFormValues('#my_form'); </script> {# 使用带参数Sijax.request()方法传递values值 #} <a href="javascript://" onclick="Sijax.request('queryUserInfo',values);">点击</a> </body> </html>

逻辑代码部分如下：

import os  import flask_sijax from flask import Flask, g, render_template  # 这玩意真的不用自己创建，服务启动后，手动访问路径会自动生成 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 '这是首页的Index'   @flask_sijax.route(app, '/getUserInfo') def sendRequest():     def queryUserInfo(response):          response.alert('调用Sija执行查询操作！')      if g.sijax.is_sijax_request:          g.sijax.register_callback('queryUserInfo', queryUserInfo)         return g.sijax.process_request()       return render_template('result.html')     if __name__ == '__main__':     app.run(debug=True)

知识点：

app.config['SIJAX_STATIC_PATH']： 要被镜像的Sijax javascript文件的静态路径。默认位置是static/js/sijax。在此文件夹中，保留sijax.js和json2.js文件。
app.config['SIJAX_JSON_URI']：从中加载json2.js静态文件的URI
使用@flask_sijax.route辅助装饰器来处理Sijax请求
g.sijax.is_sijax_request： 判断是否请求为sijax请求
g.sijax.register_callback()：注册的所有函数都会公开，以便从浏览器进行调用。
g.sijax.process_request()：会告诉Sijax执行适当的（先前注册的）函数并将响应返回给浏览器。