Flask 是一個輕量級的 Python Web 框架。要讓我們的 Flask 應用程序使用 jQuery,我們需要引入 jQuery 的庫文件。
在 Flask 中,我們可以使用以下步驟引用 jQuery:
1. 在 static 文件夾中創建一個名為 js 的文件夾 2. 下載最新版本的 jQuery 庫文件到 js 文件夾 3. 在 HTML 模板文件中添加以下代碼,以引用 jQuery 文件: <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
在上面的代碼中,我們使用 Flask 內置的 url_for 函數,以確保在不同的操作系統和服務器配置中都可以正確引用文件。
完成上述步驟后,我們就可以在 HTML 模板文件中使用 jQuery 了。例如,我們可以使用以下代碼在 Flask 應用程序中提交表單:
<script> $(document).ready(function() { $('form').submit(function(event) { event.preventDefault(); $.ajax({ type: 'POST', url: '/', data: $('form').serialize(), success: function(data) { alert(data); } }); }); }); </script>
在上面的代碼中,我們使用 jQuery 的 submit() 函數來監聽表單的提交事件。使用 preventDefault() 函數防止表單默認的刷新行為,然后使用 AJAX 技術向 Flask 應用程序提交表單數據并接收響應。
使用 Flask 引入 jQuery 非常簡單。我們只需要在 static 文件夾中添加 jQuery 庫文件,并在 HTML 模板文件中引用該文件即可。
下一篇怎么用css測試軟件