python Flask JQuery使用說明

0.前言

普通情況下，位於static資料夾下（見圖1 資料夾結構）。

本文結合乙個很easy的加法樣例試圖說明flask框架中jquery和ajax的使用方法。

這個樣例將執行在樹莓派中，請注意windows平台和linux平台也能夠執行該演示樣例，python具有良好的跨平台效能。

【**倉庫】

**倉庫位於

bitbucket

【相關博文】

python 擴充套件庫安裝 使用第三方映象源

python flask 學前班

前端學習——html4和html5設定頁面語言字符集

前端學習——jquery ajax使用經驗

1.引入jquery

jquery.js檔案須要存放於static資料夾中，在前端的**中還須要指定該js檔案的路徑，這些路徑均為「相對路徑」。

強烈建議把全部的檔案都儲存為utf8格式，以免產生中文亂碼現象。

【資料夾結構】

圖1 資料夾結構

【static資料夾】——jqury.js

【templates資料夾】——main.html

【flask-jquery.py】

2.簡單演示樣例

前端部分

【templates資料夾】——main.html

+    =

?

網頁編碼為utf8。請注意網頁檔案也要儲存為utf8格式

載入位於static資料夾中的jquery.js檔案

var $script_root = };

抱歉，暫未理解其含義

now: new date().gettime() 防止瀏覽器快取的一種小技巧。

後端部分

【flask-jquery.py】

# -*- coding: utf-8 -*-

from flask import flask, jsonify, render_template, request

def index():

# 主頁面

return render_template("main.html")

def add_numbers():

a = request.args.get('a', 0, type=int)

b = request.args.get('b', 0, type=int)

return jsonify(result = a + b)

if __name__=="__main__":

【簡要說明】

request.args.get('a', 0, type=int) 前端通過get方法提交，在uri提取引數a和引數b。中間的乙個0為a和b的預設值，當函式執行失敗時，a或b就僅僅能等於0了。

全部ip位址均能夠訪問，埠號為8080。而不是預設的80埠。

執行於樹莓派中

把圖1所看到的的資料夾ftp傳輸到樹莓派中。執行flask-jquery.py就可以

圖2 前端頁面

圖3 後台除錯輸出

python Flask JQuery使用說明

0.前言 這個例子將執行在樹莓派中，請注意windows平台和linux平台也可以執行該示例，python具有良好的跨平台效能。倉庫 倉庫位於 bitbucket 相關博文 python 擴充套件庫安裝 使用第三方映象源 python flask 學前班 前端學習 html4和html5設定頁面語言...

Fastjson API Stream使用說明

fastjson當需要處理超大json文字時，需要stream api，在fastjson 1.1.32版本中開始提供stream api。如果你的json格式是乙個巨大的json陣列，有很多元素，則先呼叫startarray，然後挨個寫入物件，然後呼叫endarray。jsonwriter wri...

theano dimshuffle的使用說明

theano菜鳥，找了一天的關於theano裡dimshuffle的說明，網上只說了關於 0,x 的情況，沒說 2，0，1 這種形式的，最終還是在theano的官方說明文件裡找到說明，終於明白dimshuffle 2，0，1 是啥東西了。dimshuffle pattern source 返回乙個維...