| | |
|
|
|
<SCRIPT LANGUAGE="JavaScript"> <!--
var mem = {lee:"이씨", park:"박씨", kim:"김씨"}; document.write(mem.lee); document.write(mem.park); document.write(mem.kim);
var mem1 = ["lee","park","kim"]; document.write(mem1[0]);
var mem3 = { name:"홍길동", etc:[35, "남", "대구"] }; document.write(mem3.name); document.write(mem3.etc.length); document.write(mem3.etc[0]); document.write(mem3.etc[1]); document.write(mem3.etc[2]);
</SCRIPT>
|
|
|
|
|
|
| http://laedu.net/trackback/10 | |
| |
|
| |
| | |
|
|
|
|
<SCRIPT LANGUAGE="JavaScript"> <!--
Member = function(name, id){ this.name = name ; this.id = id ; }
Member.prototype.setValue = function(newName, newId){ this.name = newName ; this.id = newId ; }
Member.prototype.getName = function(){ return this.name; }
Member.prototype.getId = function(){ return this.id; }
var mem = new Member("홍길동","hong"); document.write(mem.name); document.write(mem.id);
mem.setValue("임꺽정","imguk"); document.write(mem.getName()); document.write(mem.getId());
</SCRIPT>
|
|
|
|
|
|
| http://laedu.net/trackback/9 | |
| |
|
| |
| | |
|
|
|
|
주소창에 javascript:alert(document.documentElement.innerHTML); |
|
|
|
|
|
| http://laedu.net/trackback/8 | |
| |
|
| |
| | |
|
|
|
|
book.jsp ==============================
<?xml version="1.0" encoding="euc-kr" ?> <%@ page contentType="text/xml; charset=EUC-KR"%>
<books> <book> <title>성공적인 웹 프로그....</title> <author>아무개</author> </book> <book> <title>웹 프로그....</title> <author>무</author> </book> <book> <title>로그....</title> <author>개</author> </book>0 </books>
|
httpReq.js=====================================
function getXMLRequest(){ if(window.ActiveXObject){ try{ return new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ return new ActiveXObject("Microsoft.XMLHTTP"); }catch(e1){ return null; } } }else if(window.XMLHttpRequest){ return new XMLHttpRequest(); }else{ return null; } }
var httpRequest = null ;
function sendRequest(url, params, callback, method){ httpRequest = getXMLRequest();
var httpMethod = method?method:'GET'; if(httpMethod != 'GET' && httpMethod != 'POST'){ httpMethod = 'GET'; } var httpParams = (params == null || params=='')?null:params; var httpUrl = url ; if(httpMethod == 'GET' && httpParams != null){ httpUrl = httpUrl+"?"+httpParams } httpRequest.open(httpMethod, httpUrl, true); httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); httpRequest.onreadystatechange = callback; httpRequest.send(httpMethod=='POST'?httpParams:null); }
|
view.html=========================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-KR"> <script type="text/javascript" src="httpReq.js"></script> <script type="text/javascript"> function loadBooks(){ sendRequest("book.jsp", null, loadedBooks, "GET"); }
function loadedBooks(){ if(httpRequest.readyState==4){ if(httpRequest.status==200){
var xmlDoc = httpRequest.responseXML; var bookList = xmlDoc.getElementsByTagName("book"); var message = "총 개수 :"+bookList.length+"권\n";
for(i=0; i<bookList.length; i++){ var book = bookList.item(i); var title = book.getElementsByTagName("title").item(0).firstChild.nodeValue; var author =book.getElementsByTagName("author").item0).firstChild.nodeValue; message += title+"("+author+")\n"; }
document.getElementById("here").innerHTML=message ;
} } } window.onload=function(){ loadBooks(); }
</script> <title>Insert title here</title> </head> <body> <div id="here"></div> </body> </html>
|
결과 ======================================== 총 개수 :3권 성공적인 웹 프로그....(아무개) 웹 프로그....(무) 로그....(개)
| |
|
|
|
|
|
| http://laedu.net/trackback/7 | |
| |
|
| |
| | |
|
|
|
|
<div> <textarea id="log" style="width:100%; height:160px"></textarea> </div> <script> /***********************Ajax 개체 생성하기 ***************************************/ function createAjax(){ if(typeof(ActiveXObject)=="function"){ try{ return new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ return new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){ self.alert("Ajax object create failed(IE)"); return null; } } }else if(typeof(XMLHttpRequest) == "object" || typeof(XMLHttpRequest)=="function"){ return new XMLHttpRequest(); }else{ self.alert("Ajax object create failed"); return null; } }
myAjax = createAjax(); //Ajax 개체생성 /******************Ajax 개체에 담긴 내용 화면에 출력 ********************************/ function receiveResponse(){ if(myAjax.readyState == 4 && myAjax.status == 200){ self.document.getElementById("log").value = myAjax.responseText; } }
myAjax.open("GET", "ex4_4.php"); //Ajax 요청을 초기화(GET방식, ex4_4.php [,비동기(true)]) myAjax.setRequestHeader("userLevel", "0"); //* ⑴ myAjax.onreadystatechange = receiveResponse; //readystate가 변할때 마다 receiveResponse메서드 작동 myAjax.send(null); //Ajax 요청을 보낸다.GET방식 이므로 null이나 " " </script>
**ex4_4.php** <?php header("Content-type:text/plain"); //text/plain: 일반텍스를 뜻하는 MIME타입 $requestHeaders = apache_request_headers(); foreach($requestHeaders as $requestHeaders => $value){ echo "- $requestHeaders : $value \n"; } ?>
위 그림이 결과 이다.. 응답에 userlevel : 0 이 들어간것을 확인할수 있다.
⑴에서 인터넷 익스플로러 에서 setRequestHeader() 메서드로 지정한 이름은 대문자를 사용해도 소문자로 바뀌므로, 지정할 때는 항상 소문자로만 사용하자 또. HTTP에서 사용하는 헤더이름(지정된)을 사용하면 첫글자가 대문자로 바뀌므로 주의하자.. '_'로 시작하면 좋다 ex> 'age' -> 'Age' -HTTP규약에서 사용하는 헤더이름이나, 예약된 키워드를 사용했을때
|
|
|
|
|
|
| http://laedu.net/trackback/6 | |
| |
|
| |
| | |
|
|
| |
| | |
|
|
|
| | 웹기반 프로그래밍에 관한 것들을 모을 예정이었는데.. | | |
|
|
| |
«
2007년 04월
»
일 |
월 |
화 |
수 |
목 |
금 |
토 |
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 |
|
|
|
|
|
| | |
|
|