본문 바로가기

개발중/JavaScript

 (35)
Ajax 이용해서 문서 가져오기 아니, Ajax 이 좋은건 알았지만 이렇게 좋은 기능이 있을 줄이야 jquery_ajax_news.html I can't wait to try I can't understand why 이렇게 문서를 만들어 놓고서는 jquery_ajax_1.html LOAD 1 LOAD 2 이렇게 문서를 받아 올 수 있다고? 진짜 대박
이미지 보여주기 출력 (랜덤, 고정, 중지) append(),prepend()활용한 이미지 순환 prepend append auto moving stop moving $('#prepend').click(function(){ $('img').last().prependTo('#panel'); }) - img 요소 중에 마지막 요소를 찾아서 보여준다 #panel 의 맨 앞에 붙인다 $('#append').click(function(){ $('img').first().appendTo('#panel'); }) - 위에꺼는 마지막 요소지만 이번에는 첫번째 요소를 맨 앞으로 보낸다 $('#auto').click(function(){ if(win==null){ win=setInterval(function(){ $('#panel').append($('img:fir..
실시간 뉴스( 텍스트 ) 텍스트 뿌리기 1초 간격으로 뉴스 요청 Ajax 통신 뉴스 내용 Waiting 기다리세요......................... 이미지 출력이랑 비슷해, 이미지 분석 할때는 responseText ~~~~ JSON.paese()~~~ 해서 만든 obj를 어디서 사용하지를 않아서 의아했는데 여기서 사용하는구나 똑같이 난수발생 하고 여기가 주목 할 점 obj.news ???? news 가 어디냐면 자- 내가 사용할 더미들을 가진 문서의 이름? 이라고 생각을 하자. 그 더미의 [난수] 번째를 가지고 와 title 을 가지고와! title 이 뭐냐면 자 이런 느낌이야 근데 json은 쌤이 임의로 주신 이름일까? 존재하는 이름일까? 아, 왜 우리 쌤은 이 중요한 걸 안알려주셨을까 JSON 이란! 속성값 - ..
실시간 뉴스 (이미지) 실시간 뉴스 처럼 일정 시간동안 화면에 보여주는 프로그램을 해석하기. 이미지 뿌리기 그림표시 실시간으로 뿌리기 Ajax 통신 이미지 잠시 기다리세요......................... newsjson.json {"news" : [ { "title" : "SW융합클러스터, 지방 SW교육 지원…SW교육격차 해소 첨병" }, { "title" : "메모리에 강한 한국, SW정의 구현 최적지" }, { "title" : "코로나19 바이러스 예방수칙 철저히 준수" }, { "title" : "'게임대상' 배틀그라운드 '더게임어워드'까지 거머쥐다" }, { "title" : "페이스북, 2019년부터 우리 정부에 세금낸다...애플, 구글, 아마존은?" }, { "title" : "여성 쇼핑몰만 모아서 보..
AJAX 응용 tisdata_ajax.html Ajax = Asynchronous Javascript And XML ajax xml tisdata.xml 홍차 2000 커피 3000 녹차 1500 java 2400
AJAX 의 이해 helloAjax.html 아이디: hello.jsp 로그인 성공! onclick ? 버튼이 눌리면 실행되는 two() first 를 호출한다 first 에서는 XMLHttpRequest() 를 반환해준다. 반환 받아 xhr 에 저장해두자 입력 창에 있는 값을 가지고 와서 b에 저장 입력 받은 값을 title 에 저장해서 hello.jsp 문서에 보낸다. display 를 호출 var code = xhr.readyState; 0 : uninitialize 1 : loading 2 : loaded 3 : interactive 4 : complete var status = xhr.srarus; 200 : complete 404 : Not Found 500 : Syntax Error 상태가 정상이라면 getE..
ER 방식으로 IF 문(SELECT) ER 방식으로 IF 문 사용해보기 파랑을 선택 했을 떄의 값을 3 으로 설정 해둔다. 받을 때 값이 3 이면 SPAN 태그의 색을 변경해주자! IF문을 자바처럼 IF~ ELES IF ~ ELSE 로 사용 할 수는 없지만 코드가 훨씬 간결하고 깔끔해보인다. 배워가면 배워갈 수록 웹에 자신감이 붙고 상상력이 커진다.
ER 방식으로 값 전달 ( 연산 ) ER 방식을 사용함 으로써 훨씬 간편해진 코드 관리

티스토리툴바