在Flask開發Web應用程序的過程中，我們通常需要使用button元素提交表單數據。而使用JSON格式提交表單數據也是一種較為常見的方式。本文將介紹如何使用JSON格式提交Flask應用程序中的表單數據。

首先，我們需要為button元素綁定事件監聽器，觸發事件時通過JavaScript代碼獲取表單數據并將其以JSON格式提交到Flask應用程序的路由中。

// 獲取button元素并為其綁定事件監聽器
var submitBtn = document.getElementById("submitBtn");
submitBtn.addEventListener("click", function() {
// 獲取表單數據
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
// 將表單數據以JSON格式提交到服務器
var req = new XMLHttpRequest();
req.open("POST", "/submit", true);
req.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
req.onreadystatechange = function() {
if (req.readyState === 4 && req.status === 200) {
console.log(req.responseText);
}
};
req.send(JSON.stringify({name: name, age: age}));
});

在Flask應用程序的路由中，我們需要使用request.get_json()方法獲取提交的JSON格式數據。

from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route("/submit", methods=["POST"])
def submit():
data = request.get_json()
name = data.get("name")
age = data.get("age")
# 處理表單數據
return jsonify({"success": True})

以上就是使用JSON格式提交Flask應用程序中的表單數據的全部過程。通過將表單數據以JSON格式提交到服務器，我們可以更加靈活地處理表單數據，并且將數據的傳輸量降至最小，提高Web應用程序的性能。