Ajax prototype.js ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¡¡¤½¤Î­¢

-


Top¥Ú¡¼¥¸¡¡ >¡¡ ¤ªÊÙ¶¯¡¡ >¡¡ Ajax¡¡ >¡¡ ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¡¡¤½¤Î­¢¡¡

ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¡¡¤½¤Î­¢

Ajax¤ò»ÈÍѤ·¤Æ¥µ¡¼¥Ð¤ËÈóƱ´üÄÌ¿®¤·¡¢²èÌÌ¥ê¥Õ¥ì¥Ã¥·¥å¡Ê²èÌÌÁ«°Ü¡Ë̵¤·¤Ç²èÌ̤ÎÀÚ¤êÂؤ¨¤ò¹Ô¤¤¤Þ¤¹¡£




prototype.js


»ÈÍѥС¼¥¸¥ç¥ó¡§1.5.1¡¡¸ø¼°¥µ¥¤¥È





1. ¥À¥¦¥ó¥í¡¼¥É¤·¤¿prototype.js¤òÆɤ߹þ¤ß¤Þ¤¹¡£

<script type="text/javascript"
    src="prototype.js"></script>


2. Ajax.Request¥á¥½¥Ã¥É¤ò¼Â¹Ô¤·¤Þ¤¹¡£

new Ajax.Request(
¡¡¡¡¡¡¡¡¡¡"test.txt",
¡¡¡¡¡¡¡¡¡¡{ method: 'get',  onComplete: displayData });


3. ¥ê¥¯¥¨¥¹¥È¤¬´°Î»¤¹¤ë¤È¡¢onComplete¤Ç»ØÄꤵ¤ì¤¿¥á¥½¥Ã¥É¤¬¼Â¹Ô¤µ¤ì¤Þ¤¹¡£

function displayData(responseHttpObj) {
¡¡¡¡$("targetString").innerHTML = responseHttpObj.responseText;
}




Ajax.Request( url, { option } )


url ¼Â¹Ô¤¹¤ëURL
option ¼Â¹Ô»þ¤Î¥ª¥×¥·¥ç¥ó¡ÊÁ´¤Æ¾Êά²Äǽ¡Ë
method:
¡¡¡¡¼Â¹Ô»þ¤Î¥á¥½¥Ã¥É
¡¡¡¡"get"¡¢"post"¡¢"put"¡¢"propfind"
¡¡¡¡»ØÄêÎã¡Ë method:"get"
parameters:
¡¡¡¡¥Ñ¥é¥á¡¼¥¿
postBody:
¡¡¡¡¥á¥½¥Ã¥É¤Ç"post"¤¬»ØÄꤵ¤ì¤¿¾ì¹ç¤ÎÁ÷¿®¥Ç¡¼¥¿
requestHeaders:
¡¡¡¡HTTP¥Ø¥Ã¥À¡¼ÇÛÎó
asynchronous:
¡¡¡¡ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¤«¤É¤¦¤«
¡¡¡¡true ¡Ä ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦
¡¡¡¡false ¡Ä ÈóƱ´üÄÌ¿®¤Ï¹Ô¤ï¤Ê¤¤
¡¡¡¡»ØÄêÎã¡Ë asynchronous:true
onLoading:
¡¡¡¡Æɤ߹þ¤ß³«»Ï»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onLoading:displayData
onLoaded:
¡¡¡¡Æɤ߹þ¤ß½ªÎ»»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onLoaded:displayData
onSuccess:
¡¡¡¡Æɤ߹þ¤ßÀ®¸ù»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onSuccess:displayData
onFailure:
¡¡¡¡ÄÌ¿®¼ºÇÔ»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onFailure:displayData
onComplete:
¡¡¡¡ÄÌ¿®´°Î»»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onComplete:displayData
onException:
¡¡¡¡Î㳰ȯÀ¸»þ¤Ë¼Â¹Ô¤µ¤ì¤ë¥á¥½¥Ã¥É
¡¡¡¡»ØÄêÎã¡Ë onException:displayData



¢­¥¤¥ó¥é¥¤¥ó¥Õ¥ì¡¼¥àÆâ¤Ç¥µ¥ó¥×¥ë¤¬Æ°ºî¤·¤Æ¤¤¤Þ¤¹¡£





[Ajax - prototype.js - ÄÌ¿®]


ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¡¡¤½¤Î­¡ ¡¡¡ÚAjax.Updater¡Û



Top¥Ú¡¼¥¸¡¡ >¡¡ ¤ªÊÙ¶¯¡¡ >¡¡ Ajax¡¡ >¡¡ ÈóƱ´üÄÌ¿®¤ò¹Ô¤¦¡¡¤½¤Î­¢¡¡






-