if (i_status == 'none') {
$('#i_tab').addClass('active')
$('#s_tab').removeClass('active')
}
function selected() {
$("input[name=box]:checked").each(function() {
let item = $(this).val()
}
console.log(item)
})
저 함수 안에 ajax도 넣을 수 있다! 근데 API를 매끄럽게 만들지는 못했다. 속상해. 이걸로 뭔가 어찌어찌 해보면 될 것 같은데!
@app.route('/home', methods=['GET'])
def listing():
ingredients = list(db.ingredients.find({'type':'ingredient'},{'_id':0}))
spices = list(db.ingredients.find({'type':'spice'},{'_id':0}))
return jsonify({'result':'success', 'ingredients':ingredients, 'spices':spices})
$(document).ready(function() {
$.ajax({
type: "GET",
url: "/home",
data: {},
success: function(response){
let ingredients = response['ingredients']
for (let i = 0; i < ingredients.length; i++) {
let ingredient = ingredients[i]['name']
let temp_html = '<div class="form-check form-check-inline">\
<input class="form-check-input" name="box" onclick="selected()" type="checkbox" value="'+ingredient+'">'+ingredient+'</input>\
</div>'
$('#ingredient').append(temp_html)
let spices = response['spices']
for (let i = 0; i < spices.length; i++) {
let spice = spices[i]['name']
let temp_html = '<div class="form-check form-check-inline">\
<input class="form-check-input" name="box" onclick="selected()" type="checkbox" value="'+spice+'">'+spice+'</input>\
</div>'
$('#spice').append(temp_html)
}
}
}
})
})
function i_click() {
let i_status = $('#ingredient').css('display')
let s_status = $('#spice').css('display')
if (i_status == 'none') {
$('#ingredient').show()
$('#i_tab').addClass('active')
$('#spice').hide()
$('#s_tab').removeClass('active')
}
}
function selected() {
$('#std_items').empty()
$("input[name=box]:checked").each(function() {
let item = $(this).val()
$.ajax({
type: "GET",
url: "/selected?item="+item,
data: {},
success: function(response){
temp_html = '<button type="button" class="std_item">'+response+'</button>'
$('#std_items').append(temp_html)
}
})
})
}
function selected() {
let item = $("input:checkbox[name=box]:checked").val()
$.ajax({
type: "GET",
url: "/selected?item="+item,
data: {},
success: function(response){
temp_html = '<button type="button" class="std_item">'+response+'</button>'
$('#std_items').append(temp_html)
}
})