prototypeでサーバからデータ取得

更新日 2009-06-11 (木) 09:02:22

Requestでサーバからデータ取得

以下の例はボタンを押すとreadlocation3.phpにアクセスし、その結果をmyRequest.responseTextに入れる。この例では2次元データが「:」で区切られ、X,Yデータは「,」で区切られているのでそれを格納している

readlocation3.phpの出力

123.4,342.45:54.439,234.3:345,45.12

tmp[0] => 123.4,342.45
tmp[1] => 54.439,234.3
tmp[2] =>345,45.12

<script src="prototype.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
tmp = new Array();
function tryAjax(){
             requestid = Math.random();
	      uri="readlocation3.php?requestid="+requestid;
//              window.alert("URI"+uri);
	      options={method: "post",
              parameters: data,     <==POSTで渡すデータ
	      onComplete:ajaxRequest};
              
	      new Ajax.Request(uri, options);


}
function ajaxRequest(myRequest){

//「:」をデリミタとして配列tmpの格納している
	tmp = myRequest.responseText.split(":");

    for(i = 0 ; i < 11 ; i++){

	        tmp2 = tmp[i].split(",");
       	lat[i] = tmp2[0]; lng[i] = tmp2[1];
	}
}

//]]>
</script>

/head>

<body>
<form id="form01">
<input type="button" name="button01" id="button01" value="データ更新"
	onClick="tryAjax();return false;">

</form>
</body>

トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS