スパルタコードWebページ開発+第3週

temp htmlの関数

let temp_html = `

<div class="card" id="card-${i}">
     <div class="card-body">
          <h5 class="card-title"><a href="javascript:click2center('${i}')" class="matjip-title">${matjip.title}</a></h5>
          <h6 class="card-subtitle mb-2 text-muted">${matjip.category}</h6>
          **<i class="${s_icon}" onclick="favorites_status_change('${matjip.title}', '${matjip.category}', '${matjip.address}', '${matjip.favorites_status}')"></i>**
          <p class="card-text">${matjip.address}</p>
          <p class="card-text" style="color:blue;">${matjip.show}</p>
     </div>
 </div>

`;

データベース更新:app。py設定

@app.route('/favoites', methods=["POST"])
def update_favorites():
address_receive = request.form["address_give"]
status_receive = request.form["status_give"]

db.matjips.update_one({'address': address_receive}, {'$set': {'favorites_status': status_receive}})

return jsonify({'msg': '즐겨찾기 업데이트 완료!!'})

データベース更新:index。html設定

$.ajax({
type: 'POST',
url: '/favoites',
data: {address_give: address, status_give: status},
success: function (response) {
alert(response['msg']);
window.location.reload()
}
});