웹프로그래밍 2주차

kinghong97·2021년 12월 14일
0

웹 프로그래밍

목록 보기
2/5

자바스크립트

브라우저를 움직이게 한다

HTML을 이용해서 만든 버튼에 onclick함수를 사용하여

버튼을 누를 때마다 실행되는 함수를 만들 수 있다

JQUERY

HTML을 쉽게 조작하기 위한 자바스크립트 라이브러리

조작하기위해 태그에 ID를 부여하고 그걸 ("#아이디") 해서 가져다가 쓴다

("#아이디").hide
숨기기

("#아이디").show
보여주기

("#아이디").attr("src", 이미지URL);
이미지 바꾸기

$("#아이디").text("텍스트");
텍스트 바꾸기

$("#아이디").ready
로딩되면 실행

서버 - 클라이언트 통신

JSON을 이용하여 데이터 주고 받음

GET 데이터를 조회할 때

POST 데이터 생성 변경 삭제할 때

AJAX

기본 모양

$.ajax({
type: "",
url: "",
data: {},
success: function(res){
console.log(res)
}
})

type
GET 이나 POST 중 요청할 것 선택

url
요청할 url 주소 입력

data
요청하면서 함께 줄 데이터 (GET 요청할땐 비우기)

success: function(res){}
서버에서 준 결과를 res 변수에 담고
서버에서 준 결과를 이용해서 나머지 코드를 작성

여기까지 2주차

0개의 댓글