{} 딕셔너리 순서없음
[] 리스트 순서있음
jQuery는 HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 일종의 라이브러리
Ajax는 jQuery를 임포트한 페이지에서만 동작 가능
jQuery: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<head> 와 </head>사이에 복붙한다
GET은 통상서버에서 데이터를 불러오기
POST는 통상 서버에서 데이터를 변경하기
서버-->클라이언트(크롬)으로 데이터를 불러올 때 포맷은 JSON, JSON View 를 설치해야, 딕셔너리와 리스트의 조합의 생김새가 됨.
$.ajax({
type: "GET",
url: "여기에URL을입력",
data: {},
success: function(response){
console.log(response)
}
입력한 url에서 내려준 값이
response로 들어감(통상response로 명명함).
지칭할때는 $('#_____')이렇게, id를 붙인 부분을 불러옴. 추가명령은 '.'을 붙여서 한다. 예: $('#환율').text('입니다')
temp_html= `____` <-- "1"왼쪽에 있는 버튼
for문 반복문 돌릴때
function q1() {
$('#names-q1').empty()
$.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 name = rows[i]['stationName']
let rack = rows[i]['rackTotCnt']
let bike = rows[i]['parkingBikeTotCnt']
let temp_html = ''
if(bike<5){
temp_html = `<tr class="urgent">
<td>${name}</td>
<td>${rack}</td>
<td>${bike}</td>
</tr>`
}else{
temp_html = `<tr>
<td>${name}</td>
<td>${rack}</td>
<td>${bike}</td>
</tr>`