写在前面

先吐槽两句，搞个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执行适当的（先前注册的）函数并将响应返回给浏览器。

效果：

写在最后

搞的破环境搞了进半天，效率有点低了，但是我也不到为啥不行，各种招都试了，就是10060or10061，防火墙我真关了，真的被虐的好疼！

但也没什么，累了、心情不好看看AI女友,怎么心情也会很快好起来的，可能有人会说，你是不是因为喜欢看美女？

我承认呀，谁不爱看美女，你说是不是？

有人会说，我不信，你让她自己说呀，来，安排！

安排，直接上效果：

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

  1. 大白话说Java泛型（一）：入门、原理、使用

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java泛型(一):入门.原理.使用> 远在 JDK 1.4 版本的时候,那时候是没有泛型的概念的.当时 Java 程序员们写集合类的 ...

  2. 大白话说Java泛型（二）：深入理解通配符

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java泛型(二):深入理解通配符> 上篇文章<大白话说Java泛型(一):入门.原理.使用>,我们讲了泛型的产生缘由以及 ...

  3. 大白话说Java反射：入门、使用、原理

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java反射:入门.进阶.原理> 反射之中包含了一个「反」字,所以想要解释反射就必须先从「正」开始解释. 一般情况下,我们使用某个类时 ...

  4. 大白话说Java泛型：入门、使用、原理

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java泛型:入门.使用.原理> 远在 JDK 1.4 版本的时候,那时候是没有泛型的概念的.当时 Java 程序员们写集合类的代码都 ...

  5. 大白话说Java反射：入门、使用、原理 （转）

    文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java反射:入门.进阶.原理> 目录 一个简单的例子 反射常用API 获取反射中的Class对象 通过反射创建类对象 通过反射获取类 ...

  6. 25.大白话说java并发工具类-CountDownLatch，CyclicBarrier,Semaphore，Exchanger

    1. 倒计时器CountDownLatch 在多线程协作完成业务功能时,有时候需要等待其他多个线程完成任务之后,主线程才能继续往下执行业务功能,在这种的业务场景下,通常可以使用Thread类的join ...

  7. 大白话说GIT常用操作，常用指令git操作大全

    列一下在开发中用的比较多的git指令 git clone https://github.com/chineseLiao/Small-career // 克隆远程仓库到本地 git add . // 把 ...

  8. 520表白小程序设计Python代码详解（PyQt5界面，B站动漫风）

    摘要:介绍一个动漫风的表白小程序,界面使用Python以及PyQt实现,界面样式经过多次美化调整,使得整体清新美观.本文详细介绍代码设计和实现过程,不仅是居家表白必备,而且适合新入门的朋友学习界面设计 ...

  9. 全网最详细中英文ChatGPT-GPT-4示例文档-官网推荐的48种最佳应用场景——从0到1快速入门AI智能问答应用场景（附python/node.js/curl命令源代码，小白也能学）

    目录 Introduce 简介 setting 设置 Prompt 提示 Sample response 回复样本 API request 接口请求 python接口请求示例 node.js接口请求示 ...

  10. 话说python

    前几年就职于一个大的软件公司时,开发过程中,有一个流程化的步骤要做,就是要由一个excel文档导出生成一堆sql语句.当时使用一个高手写的代码,只不过有限几行代码(应该不到100行),就完美实现此功能 ...

随机推荐

  1. vivo 场景下的 H5无障碍适配实践

    作者:vivo 互联网前端团队- Zhang Li.Dai Wenkuan 随着信息无障碍的建设越来越受重视,开发人员在无障碍适配中也遇到了越来越多的挑战.本文是笔者在vivo开发H5项目做无障碍适配 ...

  2. Esxi 8 更换Nvme硬盘后 如何迁移Esxi主机和虚拟机到新硬盘

    Esxi 8 更换Nvme硬盘后 如何迁移Esxi主机和虚拟机到新硬盘 因为去年底开始SSD和内存大幅降价,ITGeeker技术奇客就想着给自己的小主机升个级,换个三星1G的980硬盘,再加了一根32 ...

  3. Eclipse修改Web项目名称

    Eclipse修改Web项目名称需要两步: 1:修改该项目目录下:.project文件 <projectDescription><name>SpringMVC-Annotati ...

  4. RK3568开发笔记（七）：在宿主机ubuntu上搭建Qt交叉编译开发环境，编译一个Demo，目标板运行Demo测试

    前言   在之前的博文中已经搭建好了一个比较完善的ubuntu宿主机,都很完善了但是发现没有Qt交叉编译开发环境,所以还需要搭建一套Qt交叉编译开发环境.   补充说明   本篇是基于<RK35 ...

  5. 【.NET8】访问私有成员新姿势UnsafeAccessor（下）

    前言 书接上回,我们讨论了在.NET8中新增的UnsafeAccessor,并且通过UnsafeAccessor访问了私有成员,这极大的方便了我们代码的编写,当然也聊到了它当前存在的一些局限性,那么它 ...

  6. JUC并发编程（4）—ThreadLocal介绍（超详细 集大成版本！！！）

    目录 ThreadLocal简介 ThreadLocal与Synchronized的区别 ThreadLocal API ThreadLocal的使用案例 阿里ThreadLocal规范 Thread ...

  7. Django-rest-framework框架——路由组件、认证权限频率

    @ 目录 一 路由Routers 1.1 使用方法 1.2 代码演示 1.2 视图集中附加action的声明 1.3 路由router形成URL的方式 认证权限频率 一 认证Authenticatio ...

  8. MySQL系列之主从复制基础——企业高可用性标准、主从复制简介、主从复制前提(搭建主从的过程)、主从复制搭建、主从复制的原理、主从故障监控\分析\处理、主从延时监控及原因

    文章目录 0.企业高可用性标准 *** 0.1 全年无故障率(非计划内故障停机) 0.2 高可用架构方案 1. 主从复制简介 ** 2. 主从复制前提(搭建主从的过程) *** 3. 主从复制搭建(C ...

  9. Android 通过solid来定义不同边框的颜色，可以只定义一个边框的颜色

    以下是设置按钮的右边框和底边框颜色为红色,边框大小为3dp,如下图: 在drawable新建一个 btnstyle.xml的文件,内容如下: <?xml version="1.0&qu ...

  10. 2006年piner的面试题

    数据库切换日志的时候,为什么一定要发生检查点?这个检查点有什么意义?表空间管理方式有哪几种,各有什么优劣.本地索引与全局索引的差别与适用情况.一个表a varchar2(1),b number(1), ...