연습 내용 jquery , ajax

Hwangbaek·2021년 5월 8일
0

coding 연습

목록 보기
3/15

태그에서 원하는 부분 바꾸기 .attr("alt",바꿀 내용)
function q1() {
$.ajax({
type: "GET",
url: "https://api.thecatapi.com/v1/images/search",
data: {},
success: function(response){
let imgurl=response[0]['url']
$("#img-cat").attr("src",imgurl);

                  }
                })
  }

for문 안에서 if문으로 색 바꾸기 (class를 이용)
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/seoulbike",
data: {},
success: function(response){
let rows = response['getStationList']['row'];
for(let i=0;i<rows.length;i++){
let staionname= rows[i]['stationName'];
let rack =rows[i]['rackTotCnt'];
let parking =rows[i]['parkingBikeTotCnt'];

                        let temp_html=``
                        if(parking<5){
                           temp_html=` <tr>
                            <td>${staionname}</td>
                            <td>${rack}</td>
                            <td class="parking">${parking}</td>
                           </tr> `

                        }else {
                            temp_html=` <tr>
                            <td>${staionname}</td>
                            <td>${rack}</td>
                            <td>${parking}</td>
                           </tr> `

                        }
                        $('#names-q1').append(temp_html);

                    }


                  }
                })      
profile
디오니소스

0개의 댓글

관련 채용 정보