본문 바로가기
WEB기초/JQuery

[jquery] Ajax 이용하기 03

by 별토끼. 2017. 4. 25.
반응형



Ajax 이용하기 03 


  • path / 의 의미

- / 는 최상위 폴더를 의미한다.


  • postman이용하기
- postman은 크롬의 extension중 rest/http api를 개발할 때 유용하게 사용할 수 있는 클라이언트이다.

- get, post 설정을 정하고 서버로 전송을 그에 대한 응답을 호출할 수 있다.


- postman에서 호출을 하게되면 요청한 것에 대한 데이터가 나타나고 data는 html로 나타나게 된다.



  • 데이터를 얻는 type 비교
- json string type으로 데이터를 얻는 형태
: 이렇게 데이터를 받게 되면 클라이언트에서 JSON.parse(data)를 이용하여 데이터를 object로 변환 후 사용해야 한다. 

: 전송되는 데이터 형태는 아래와 같다.


- object type으로 데이터를 얻는 형태

: server에서 data를 jquery를 이용해 변환해 보내준다. 

: 전송되는 형태는 아래와 같다.



  • 스크롤을 이용한 더보기 만들기


* html


* server


** 출력 결과 **



  • serialize를 이용한 login창 만들기
- https://loading.io/ 에서 git 이미지를 다운받는다.

- serialize() 를 이용하여 정보를 가져올 수 있다.


** 출력 결과 **






반응형

댓글