「非同期通信-js-」の編集履歴（バックアップ）一覧はこちら

「非同期通信-js-」(2007/05/02 (水) 11:37:55) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

<h3>非同期通信(javascript)</h3>
<hr width="100%" size="2" />
<h4>xmlhttprequest</h4>
<p><a href="http://ponpon-village.net/ajax/xmlhttp.htm">"XMLHttpRequest"のオブジェクト、メソッド、プロパティについての解説</a></p>
<h5>objectの取得(クロスブラウザ対応)</h5>
<pre>function makeXmlHttpRequest(){<br />     var xmlhttp = null;<br />     try{<br />         xmlhttp = new XMLHttpRequest();<br />         return xmlhttp;<br />     }catch(e){<br />         try{<br />         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");<br />         return xmlhttp;<br />         }catch(e){<br />             try{<br />             xmlhttp = new ActiveXObject("Msxml.XMLHTTP");<br />             return xmlhttp;<br />             }catch(e){<br />                 return xmlhttp;<br />             }<br />         }<br />     }<br /> }</pre>
<h5>GETでリクエスト送信</h5>
<p>callback関数を第２引数で指定</p>
<pre>function getXmlHttpRequest(xmlhttp, callback, url){<br /> <br />  xmlhttp.onreadystatechange = callback;<br />    xmlhttp.open("GET", url, true);<br />  <br />  //キャッシュを読み込まないように<br />   xmlhttp.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");<br />  <br />  xmlhttp.send(null);<br />      <br />}</pre>
<h5>コールバック関数例</h5>
<div>xmlhttp.responseTextもしくは、xmlhttp.responseXMLで受信完了を確認した方がエラーが少ない模様</div>
<pre>function readystatechange(){<br /> if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.responseText) {<br /><br />      //コールバック時の処理<br /><br />    }<br />}</pre>

<h3>非同期通信(javascript)</h3>
<hr width="100%" size="2" />
<h4>xmlhttprequest</h4>
<p><a href="http://ponpon-village.net/ajax/xmlhttp.htm">"XMLHttpRequest"のオブジェクト、メソッド、プロパティについての解説</a></p>
<h5>objectの取得(クロスブラウザ対応)</h5>
<pre>function makeXmlHttpRequest(){<br />     var xmlhttp = null;<br />     try{<br />         xmlhttp = new XMLHttpRequest();<br />         return xmlhttp;<br />     }catch(e){<br />         try{<br />         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");<br />         return xmlhttp;<br />         }catch(e){<br />             try{<br />             xmlhttp = new ActiveXObject("Msxml.XMLHTTP");<br />             return xmlhttp;<br />             }catch(e){<br />                 return xmlhttp;<br />             }<br />         }<br />     }<br /> }</pre>
<h5>GETでリクエスト送信</h5>
<p>callback関数を第２引数で指定</p>
<pre>function getXmlHttpRequest(xmlhttp, callback, url){<br /><br />  xmlhttp.onreadystatechange = callback;<br />    xmlhttp.open("GET", url, true);<br /> <br />  //キャッシュを読み込まないように<br />   xmlhttp.setRequestHeader("If-Modified-Since", "Thu, 01 Jun 1970 00:00:00 GMT");<br /> <br />  xmlhttp.send(null);<br />     <br />}</pre>
<h5>コールバック関数例</h5>
<div>xmlhttp.responseTextもしくは、xmlhttp.responseXMLで受信完了を確認した方がエラーが少ない模様</div>
<pre>function readystatechange(){<br /> if (xmlhttp.readyState == 4 &amp;&amp; xmlhttp.responseText) {<br /><br />      //コールバック時の処理<br /><br />    }<br />}</pre>
<h5>処理中断</h5>
<p>非同期なので、適宜処理を中断しないと前の処理が継続してしまう。</p>
<pre>xmlhttp.abort();</pre>