通信エラーの処理

 Connection Managerで通信エラーの処理を行う場合にはコールバック関数内でfailure:を指定し実行する処理を指定します。
以下のサンプルは同じディレクトリ内にあるsample.txtファイルと、存在しないsample2.txtファイルを読み込んでページ上に表示するものです。存在しないファイルを読み込むと、ファイルがありません!と表示されます。(サンプルを実行する

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>通信エラーの処理</title>
<script src="js/yahoo.js" type="text/javascript"></script>
<script src="js/connection.js" type="text/javascript"></script>
<script type="text/javascript"><!--
function loadFile(filename)
{
conObj = YAHOO.util.Connect.asyncRequest("get", filename,
{
success:function(httpObj) {
document.getElementById("result").innerHTML = httpObj.responseText;
},
failure:function() {
document.getElementById("result").innerHTML = "ファイルがありません!";
}

},
null);
}
// --></script>
</head>
<body>
<h1>yuiで非同期通信を行います</h1>
<form>
<input type="button" value="存在するファイルを読み込み" onClick="loadFile('sample.txt')"><br>
<input type="button" value="存在しないファイルを読み込み" onClick="loadFile('sample2.txt')"><br>
</form>
<div id="result"></div>
</body>
</html>

[目次へ]

(2006.6.8)