스파르타 웹개발 수업 2주차

권민선·2022년 7월 1일

스파르타 웹개발

목록 보기
2/3
post-thumbnail

오늘은 Ajax를 배웠다.
ajax는 시작전 script에 불러온 후 작성해야 한다.

$.ajax({
    type: "GET",
    url: "url",
    data: {},
    success: function (response) {
          (내용 작성)      
    }

위의 내용은 Ajax를 불러오는 방법이다. url칸에는 api 주소를 붙여넣었다.
그 후에는 명명해주는 과정들이 있었다.

A데이터 row 값에 ROWS라고 이름짓기

let ROWS = response['A']['row'] 

api에 있던 A값을 X라고 하고 B값을 Y라고 한다

let X = response['A']
let Y = response['B']

간단한 Jquery 키워드

$('#A').attr('c',X)
id A에 있는 c라는 태그를 api이름 X로 변경한다

$('#B').text(Y)
id B에 Y라는 텍스트를 입력한다

$('#C').empty()
id C를 비운다.

let X = response['A']
$('#D').append(X)
D에 X 내용을 붙여넣는다

console.log(H, X)
콘솔에 H, X를 표시하게 한다

temp_html를 html로 정의한 후

G라는 ID에 temp_html을 추가하기

let temp_html = 'html'

$('G').append(temp_html)

로딩이 완료 되면 alert 띄우기

$(document).ready(function(){
	alert('다 로딩됐다!')
});

벌써 2주차 완료라니 :)
열심히 달려서 한달되기 전에 끝내고 새로운 거 만들고 싶다!

profile
활자중독 디자이너 개발자

0개의 댓글