codecamp

Flask Sijax

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

安装

Flask-Sijax的安装很简单。

pip install flask-sijax

组态

  • SIJAX_STATIC_PATH - 要被镜像的Sijax javascript文件的静态路径。默认位置是static/js/sijax在此文件夹中,保留sijax.jsjson2.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\'])或使用@flask_sijax.route辅助装饰器,如:

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

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

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

当检测到Ajax请求时,Sijax会像这样处理它:

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

Sijax应用程序

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

import os
from flask import Flask, g
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 'Index'
	
@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)

 上述代码中的sijaxexample.html需要自行创建!

当Sijax向服务器请求(特殊的jQuery.ajax()请求)时,g.sijax.is_sijax_request()会在服务器上检测到此请求,在这种情况下,您让Sijax处理请求。

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

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


Flask SQLAlchemy
Flask 部署
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }