製品POSTの接続


app.py
@app.route('/')
def home():
   return render_template('cosmetic.html')
   
@app.route('/product', methods=['POST'])
def saving():
    return jsonify({'result': 'success', 'msg':'POST 연결'})

cosmetic.htmlに関連付けられます


(このページには商品リストが表示され、modal機能のボタンが使用されます
POST商品をお勧めします.
正常に接続された場合、「POST接続」アラートが発行され、正しく接続されていることを確認します.
cosmetic.html
function postProduct() {
   $.ajax({
          type: "POST",
          url: "/product",
          data: {},
          success: function (response) { // 성공하면
                if (response["result"] == "success") {
                  alert(response["msg"]);
                    }
                }
            })
        }
=>接続に失敗しました...
コンソールウィンドウの表示
Uncaught ReferenceError: $ is not defined
エラーが少ない
jsquery jsのロードに失敗したと思います...
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
        
headセクションの上部に上記のコードを記述します
正常接続確認!!!