ajax 與flask 互動

資料夾目錄：

在這裡插入圖片描述

index.js

  $(document).ready(function(){
        $("button").click(function(){
            $.get("/hello",null,function(data){
                //alert("資料"+data+"\n狀態:"+status);
                $('#info').html(data)
                result = 
 data
            })
        });
    })

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" 
 content="ie=edge">
  <title>echarts</title>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
  <script type = "text/javascript"
         src = "{{ url_for('static', filename = 'index.js') }}" ></script>
</ 
head>

<body>
  <div id="container"></div>
  <div >資料展示：</div>
  <div id="info"></div>

  <button>測試</button>


</body>

</html>

3.test.py

# -*- coding: utf-8 -*-
from flask import Flask, jsonify, render_template
import json
app = Flask(__name__,template_folder='template')  # 例項化app物件

testInfo = {}


@app.route('/hello', methods=['GET', 'POST'])  # 路由
def test_post():
    testInfo['name'] = 'xiaoming'
    testInfo['age'] = '28'
    return json.dumps(testInfo)


@app.route('/')
def hello_world():
    return 'Hello World!'


@app.route('/index')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(host='127.0.0.1',  # 任何ip都可以訪問
            port=7777,  # 埠
            debug=True
            )

執行 test.py 點選按鈕
關於ajax非同步請求之前做的筆記

資料夾目錄：

ajax 與flask 互動

Vue中使用Ajax與後臺互動

ajax與python後端互動

redis資料庫及與python互動用法簡單示例

python實現與redis互動操作詳解

wpf的webbrowser與javascript互動

解決redis與Python互動取出來的是bytes型別的問題

高階程式設計(第3版)第二十一章Ajax 與 Comet/筆記

Unity與IOS互動，Unity接入IOSSDK

Flutter Web 與JS 互動，已經Flutter web與原生互動

jq的ajax與axios與fetch的比較

Ajax與Flash的優缺點

html與app互動

Redis與Python互動

如何讓PyQt5中QWebEngineView與JavaScript互動

06 Python語法入門之與使用者互動、運算子

Redis基礎學習: 與外部互動的資料型別

轉【Android】- Android與html5互動操作

NoSQL——Redis與python互動（redis）

最全得django講解，零基礎從入門到精通（No.3---與資料庫互動）

ajax 與flask 互動

資料夾目錄：

相關推薦