제품 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 연결' alert 출력
cosmetic.html
function postProduct() {
$.ajax({
type: "POST",
url: "/product",
data: {},
success: function (response) { // 성공하면
if (response["result"] == "success") {
alert(response["msg"]);
}
}
})
}
=> 연결 실패...
console 창을 보니
Uncaught ReferenceError: $ is not defined
오류가 뜸
제이쿼리 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 부분 상단에 위 코드 작성 후
정상적으로 연결 완료 확인!!!
Author And Source
이 문제에 관하여(제품 POST 연결하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@dain-choi/POST-연결하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)