Python网页版如何实现AJAX交互_Python网页版AJAX异步请求与动态加载教程

from flask import Flask, jsonify, request
<p>app = Flask(<strong>name</strong>)</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/00968c3c2c15" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Python免费学习笔记（深入）</a>”；</p><p>@app.route('/api/data', methods=['GET'])
def get_data():</p><h1>模拟动态数据</h1><pre class='brush:python;toolbar:false;'>data = {"message": "Hello from Python!", "count": 100}
return jsonify(data)

<script>
// GET 请求示例
function loadData() {
    fetch('/api/data')
        .then(response => response.json())
        .then(data => {
            document.getElementById('result').innerText = data.message;
        });
}
<p>// POST 请求示例
function sendName() {
const name = document.getElementById('nameInput').value;
fetch('/api/greet', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: name })
})
.then(response => response.json())
.then(data => {
document.getElementById('greeting').innerText = data.greeting;
});
}
</script></p><p><button onclick="loadData()">加载数据</button>
<p id="result"></p></p><p><input type="text" id="nameInput" placeholder="输入名字">
<button onclick="sendName()">打招呼</button>
<p id="greeting"></p></p>

from flask_cors import CORS
<p>app = Flask(<strong>name</strong>)
CORS(app)  # 允许所有域名访问</p>