본문 바로가기 메뉴 바로가기

Programmer Life in LA

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Programmer Life in LA

검색하기 폼
  • 분류 전체보기 (5)
    • Programming (4)
      • HTML5.CSS (0)
      • PHP (0)
      • JAVA (0)
      • JavaScript.Jquery.Ajax (3)
      • Swift (0)
    • USA Life (1)
  • 방명록

ajax크롬 (1)
Ajax 디버깅 하기 ( feat. Chrome devtools )

Ajax는 비동기 호출로 사용할 경우 테스트하기가 불편하다. print 한 값들이 console에 보이지 않음. chrome developer tool 에서는 ajax 호출 코드도 쉽게 테스트 할 수 있다. 테스트가 필요한 화면을 호출 한뒤 F12를 눌러 개발자 도구를 호출하면 다음과 같은 화면을 볼 수 있다. 네트워크 탭으로 간 뒤 Clear 버튼을 누른다. ( 빨간 박스로 체크 되어 있는 부분 ) 모든 항목이 삭제되었다. Ajax 코드를 호출 시켜본다. ajax에서 호출한 부분의 retrun 값만 보여진다.코드에 디버깅을 위해 print 문을 삽입했다면 print 문도 보여진다.

Programming/JavaScript.Jquery.Ajax 2018. 12. 1. 03:09
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • ajax문법
  • 1040nr-ez
  • datepicker
  • AJAX
  • docker image 저장
  • ajax디버깅
  • docker save
  • 크롬디버깅
  • JQuery
  • Portainer
  • chromedevelopertool
  • ajax크롬
  • docker 저장
  • Docker
  • 1040nr
more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바