2주차 강의를 들으며 사용했던 코드들을 정리해보려 한다.
순서는 내 맘대로 적을 예정ㅎ
$(document).ready(function () {
q1();
});
//새로고침하면 바로 뜨는 코드(<script> 맨위에 사용)
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/rate",
data: {},
success: function (response) {
}
//ajax 기본 코드(링크를 바꿔주는 것으로 내용 불러오기를 시작한다)
$("#").attr("src", imgurl)
//이미지를 바꿔주는 기본 코드(강아지 사진 보기 퀴즈)
if (bike < 5) {
temp_html = `<tr class="urgent">
<td>${location}</td>
<td>${number}</td>
<td>${bike}</td>
</tr>`
} else {
temp_html = `<tr>
<td>${location}</td>
<td>${number}</td>
<td>${bike}</td>
</tr>`
}
//if문과 temp_html 사용하기(도장처럼 내용이 정렬된다, temp 쓸 때는 ``사용)
$('#names-q1').append(temp_html)
//화면에 나타내는 코드
let rows = response['getStationList']['row']
for (let i = 0; i < rows.length; i++) {
let location = rows[i]['stationName']
let number = rows[i]['rackTotCnt']
let bike = rows[i]['parkingBikeTotCnt']
//rows는 response의 getStationList 안에 있는 row를 불러온다