Ajax 에 대한 간단한 예제입니다.


ex #1)

<script language="javascript" type="text/javascript">

<!--

function getXMLHttps() {

 

  if (typeof XMLHttpRequest != 'undefined') {

    return new XMLHttpRequest();

  } else {

    try {

      return new ActiveXObject("Msxml2.XMLHTTP");

    } catch (e) {

      try{

       return new ActiveXObject("Microsoft.XMLHTTP");

      } catch (e){

             alert("Ajax를 지원하는 브라우저가 아닙니다.");

             return false;

      }

    }

  }

}

 

function dynamic(){

  var http = getXMLHttps();

 

  http.onreadystatechange = function(){

    if ((http.readyState === 4) && (http.status === 200)) {

      document.getElementById("Prints").innerHTML =

                                          http.responseText;

    }

  }

 

  var name = document.getElementById('name').value;

  var age = document.getElementById('age').value;

 

  http.open("POST", "test.php", true);

 

  http.setRequestHeader(

    'Content-Type',

    'application/x-www-form-urlencoded'

  );

 

http.setRequestHeader(

    'Cache-Control',

    'no-cache'

);

 

http.send(

"name=" + encodeURIComponent(name) +

"&age=" + encodeURIComponent(age)

);

}

//-->

</script>

<!-- test.php

print_r($_POST);

-->

 

<form name='forms'>

Name: <input type='text' id='name' value="habony" /><br />

age: <input type='text' id='age' value="15" />

<input type='button' onclick='dynamic()' value='Send' />

</form>

<br /><br />

<div id="Prints"></div>

 

</body>

</html>

<!--

출력:

Array

(

  [name] => habony

  [age] => 15

)

-->

 

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

  • 2014.03.14 02:29  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • Favicon of https://blog.habonyphp.com BlogIcon 하보니 2014.03.14 14:23 신고  댓글주소  수정/삭제

      기본적으로 XML 문서를 엑셀에서 볼 수 있습니다. 형식이 약간 달라서 열지 못하는 게 아닌가 싶습니다.

      편하게 보려면 가장 문안한 방법이 XML 문서를 바인딩하거나 php이나 기타 방법을 이용해서 HTML로 변환해서 봐야 할 것 같은데요.

      도움을 못드려 죄송합니다.

 *

 모든 엘리먼트 선택

 T

 태그 이름을 기준으로 엘리먼트를 선택

 #name

 <input type='text' id=name> 의 id로 엘리먼트를 선택

 .name

 <input type='text' class=name> 의 class로 엘리먼트 선택

 [foo]

 속성이름이 foo인 엘리먼트를 선택

 [foo = bar]

 foo 속성값이 bar인 엘리먼트를 선택

 [foo != bar] foo 속성값이 bar가 아닌 엘리먼트를 선택

 [foo ^= bar] foo속성값이 bar로 시작하는 엘리먼트

 [foo $= bar] foo 속성값이 bar로 끝나는 엘리먼트

 [foo *= bar] foo 속성값이 bar를 포함하는 엘리먼트

 [foo ~= bar] foo 속성값이 bar가 공백으로 구분되어 존재하는 엘리먼트

 [foo |= bar] foo속성값이 bar를 포함하거나 시작하는 엘리먼트

 a b

 a 엘리먼트 자손 엘리먼트 중에 b엘리먼트 선택

 a > b

 a 엘리먼트 자식 엘리먼트 중에 b엘리먼트 선택

 a + b

 a 엘리먼트와 이웃하는 엘리먼트 중에 b엘리먼트 선택

 a ~ b

 a 엘리먼트 형제 엘리먼트 중에 b 엘리먼트 선택

 a, b, c

 a, b, c 엘리먼트를 선택

 :animated

 애니메이션 진행중인 엘리먼트 선택

 :button

 <input type=button>, <button>의 엘리먼트 선택

 :checkbox

 <input type=checkbox>의 checkbox 타입 엘리먼트 선택

 :checked

 <input type=checkbox>, <input type=radio> 중 선택된 input 엘리먼트 선택

 :contains(text)

 엘리먼트 내 text를 포함하는 엘리먼트 선택

 :disabled

 disabled 가 정의된 엘리먼트 선택

 :empty

 텍스트 노드나 자식 엘리먼트가 비어있는 엘리먼트 선택

 :enabled

 disabled 가 정의되지 않은 엘리먼트 선택

 :eq(n)

 집합 엘리먼트 중 n번째 인덱스를 가지는 엘리먼트

 :even

 집합 엘리먼트 중 짝수 엘리먼트 선택

 :file

 <input type=file> 의 file 타입 엘리먼트 선택

 :first

 집합 엘리먼트 중 첫번째 엘리먼트 선택

 :first-child

 자식 엘리먼트 중 첫번째 엘리먼트 선택

 :focus

 포커스된 엘리먼트 선택

 :gt(n)

 집합 엘리먼트 중 n번째 이상의 엘리먼트를 선택

 :has(a)

 a 엘리먼트를 포함한 엘리먼트를 선택

 :header

 헤더 엘리먼트 선택

 :hidden

 <input type=hidden>의 hidden 타입 엘리먼트 선택

 :image

 <input type=image>의 image 타입 엘리먼트 선택

 :input

 <input>, <select>, <textarea>, <button> 의 엘리먼트 선택

 :last

 집합 엘리먼트 중 마지막 엘리먼트 선택

 :last-child

 자식 엘리먼트 중 마지막 엘리먼트 선택

 :lt(n)

 집합 엘리먼트 중 n번째 이하의 엘리먼트 선택

 :not(a)

 a 와 일치하지 않는 엘리먼트 선택

 :nth-child(n)

 n 번째 자식 엘리먼트 선택

 :odd

 집합 엘리먼트 중 홀수 엘리먼트 선택

 :only-child

 자식 엘리먼트 중 유일한 엘리먼트 선택

 :parent

 텍스트 노드나 엘리먼트의 부모 엘리먼트 선택

 :password

 <input type=password>의 password 타입 엘리먼트 선택

 :radio

 <input type=radio>의 radio 타입 엘리먼트 선택

 :reset

 <input type=reset>의 reset 타입 엘리먼트 선택

 :selected

 <option>의 선택된 엘리먼트 선택

 :submit

 <input type=submit>의 submit 타입 엘리먼트 선택

 :text

 <input type=text>의 text 타입 엘리먼트 선택

 :visible

 화면에 보여지는 모든 엘리먼트 선택


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Navigation 관련소스 82개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Misc 관련소스 45개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Message 관련소스 90개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Link 관련소스 23개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Scrolling text 관련소스 56개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Game 관련소스 17개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Image 관련소스 12개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Enhancements 관련소스 88개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

이메일폼 관련소스 28개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

쿠키 관련소스 14개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

color 관련소스 9개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Clocks 관련소스 28개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

달력 관련소스 40개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Buttons 관련소스 49개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Password 관련소스 23개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Jscript 관련소스 5개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

백그라운드효과 관련소스 55개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

계산 관련소스 30개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Audio Effects 관련소스 4개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

카운터 관련소스 5개 입니다.

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

Alert 관련소스 15개 입니다. 요즘은 JQuery 가 대세이긴 하지만 기초를 다진다는 점에 유익한 자료라 생각됩니다.


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요