ajax 특정 값을 가지고 있는 항목만 출력하기 채택완료
허정권
4년 전
조회 2,931
안녕하세요, 공부중인데 궁금한 것이 있어서 여쭙습니다.
json파일에 이런 리스트가 있습니다.
</p>
<p>{"FaQs":{"row":[
{"cate":"c01","question":"서비스도입시의 질문입니다.","answer":"답변입니다."},
{"cate":"c02","question":"결제관련 질문입니다.","answer":"답변입니다."},
{"cate":"c03","question":"기능관련 질문입니다.","answer":"답변입니다."},
{"cate":"c04","question":"보안관련 질문입니다.","answer":"답변입니다."},
{"cate":"c05","question":"접속관련 질문입니다.","answer":"답변입니다."}</p>
<p>]}}</p>
<p>
이것을 ajax를 통해서 출력을 하려고 합니다.
예를 들어 cate의 값이 c01인 question의 값과 answer의 값을 출력하려고요
</p>
<p>let rows = response['FaQs']['row']</p>
<p>for (i=0;i<rows.length ;i++ )
{
let category = rows[i]['cate']
let question = rows[i]['question']
let answer = rows[i]['answer']
let temp_html = `
<div class="faq01-row" onclick="faqclick(this);">
<div class="faq01-ques">${question}</div>
<div class="faq01-answ">${answer}</div>
<div class="faq01-arrow"></div>
</div>
`
if (category == 'c01')
{
$('.faq01-right').append(temp_html);
}else if (cate == 'all')
{
$('.faq01-right').append(temp_html);
}</p>
<p>
우선은 이렇게 저렇게 해보다가 위의 코드로 원하는 결과를 얻긴 했습니다.
그런데 이게 왜 되는건지
cate의 값이 c01인 question의 값과 answer의 값을 출력하는 방법이 어떤게 있는지 궁금합니다.
뭘 잘 몰라서 두서 없는 질문을 남깁니다.
부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
4년 전
출력 한다는게 어떤 의미인가요?
temp_html 을 category 가 c01 일때 추가 하도록 해놓았으니
if 절 밑에 console.log(question, answer) 하면 되는거 아닌가요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 5개
�
허정권
4년 전
�
백수1995
4년 전
지금 결과가 그렇게 나오지 않나요?
category 가 c01 일때 temp_html 이 append 되었을텐데요..
가능하시면 지금 화면이랑 구현하고자 하는 화면을 캡춰 또는 그림판으로라도 대충 그려주시면 답을 하기가 쉽겠네요
category 가 c01 일때 temp_html 이 append 되었을텐데요..
가능하시면 지금 화면이랑 구현하고자 하는 화면을 캡춰 또는 그림판으로라도 대충 그려주시면 답을 하기가 쉽겠네요
�
허정권
4년 전
계속 답변 주셔서 감사합니다.
결과가 제대로 나오고 있습니다.
그런데 제가 근본이 없다보니
왜 되는건지 궁금해서 질문을 드리게 되었고요,
실제로도 저렇게 처리를 하는 것이 맞는지도 궁금합니다.
시간 많이 내주셔서 감사드립니다.
결과가 제대로 나오고 있습니다.
그런데 제가 근본이 없다보니
왜 되는건지 궁금해서 질문을 드리게 되었고요,
실제로도 저렇게 처리를 하는 것이 맞는지도 궁금합니다.
시간 많이 내주셔서 감사드립니다.
�
백수1995
4년 전
if (category == 'c01') 이 조건이 있으니까 해당 조건일때만 temp_html 이 faq01-right 에 추가 되는거죠
밑에 if (cate == 'all') 이것도 있으니까 두개의 조건일때 해당 되네요
이렇게 바꿀수 있겟네요
[code]
if (category == 'c01' || cate == 'all')
{
// category 가 'c01' 이거나 'all' 일때만 temp_html 을 추가할것
$('.faq01-right').append(temp_html);
}
[/code]
실제로 저렇게 처리 하는게 맞냐고 하셨는데 딱히.. 잘못된건 아닙니다.
밑에 if (cate == 'all') 이것도 있으니까 두개의 조건일때 해당 되네요
이렇게 바꿀수 있겟네요
[code]
if (category == 'c01' || cate == 'all')
{
// category 가 'c01' 이거나 'all' 일때만 temp_html 을 추가할것
$('.faq01-right').append(temp_html);
}
[/code]
실제로 저렇게 처리 하는게 맞냐고 하셨는데 딱히.. 잘못된건 아닙니다.
�
허정권
3년 전
채택이 늦어서 죄송합니다. 친절하게 답변 주셔서 감사드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
원하는 결과는 c01 ~ c05 중에서
{"cate":"c01","question":"서비스도입시의 질문입니다.","answer":"답변입니다."}
이 내용만 .faq01-right에 temp_html을 append 하도록 하는 것입니다.
제가 뭘 모르니 질문하기도 어렵네요..