본문 바로가기

WEB기초/JQuery13

[jquery] Ajax 이용하기 04 Ajax 이용하기 04 ajax object 이용하기- jquery홈페이지에서 ajax탭을 들어간 뒤 아래와 같이 settings를 보고 이용한다. * html * server ** 출력 결과 ** 나만의 홈페이지 만들기 project- 오늘 만들 것1. HOME화면 2. ABOUT페이지 절반 2017. 4. 26.
[jquery] Ajax 이용하기 03 Ajax 이용하기 03 path / 의 의미- / 는 최상위 폴더를 의미한다. postman이용하기- postman은 크롬의 extension중 rest/http api를 개발할 때 유용하게 사용할 수 있는 클라이언트이다. - get, post 설정을 정하고 서버로 전송을 그에 대한 응답을 호출할 수 있다. - postman에서 호출을 하게되면 요청한 것에 대한 데이터가 나타나고 data는 html로 나타나게 된다. 데이터를 얻는 type 비교- json string type으로 데이터를 얻는 형태: 이렇게 데이터를 받게 되면 클라이언트에서 JSON.parse(data)를 이용하여 데이터를 object로 변환 후 사용해야 한다. : 전송되는 데이터 형태는 아래와 같다. - object type으로 데이터.. 2017. 4. 25.
[jquery] Ajax 이용하기 02 - JSON Ajax 이용하기 02 - JSON JSON(제이슨, JavaScript Object Notation)- 경량의 DATA-교환 형식이다. 이 형식은 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다. JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999의 일부에 토대를 두고 있다.- 형태 { "num":1, "name":"박찬형", "addr":"상봉동", "gender":"남자"}- 데이터 교환 형식은 이 외에도 xml 등이 있다.- json data type에서 key값은 반드시 " "로 감싸야 한다.- json data type1. number : 10, 10.1 2. string : "abcd".. 2017. 4. 24.
[jquery] Ajax 이용하기 01 Ajax 이용하기 01 get* 링크통한 get 방식 요청 - form action = "request1" 일 때, 링크 클릭시=> url은 /form/test01 에서 localhost:3000/form/request1 으로 바뀐다.- form action = "/request2" 일 때, 링크 클릭시=> url은 /form/test02 에서 localhost:3000/request2 로 바뀐다.- form action = "/request3?num=1&name=gura" 일 때, 링크 클릭시=> url은 /form/test03 에서 localhost:3000/request3?num=1&name=gura 로 바뀐다. * form 전송을 통한 get 방식 요청- input창은 name을 통해 서버에 값을.. 2017. 4. 21.