08/06/18 20:47:33
ajaxの処理手順について教えてください
URLﾘﾝｸ(www.openspc2.org)
こちらのサンプルコードなのですが
function loadTextFile(){
httpObj = new XMLHttpRequest();
httpObj.onload = displayData;
httpObj.open("GET","data.txt",true);
httpObj.send(null);
}
function displayData(){
document.ajaxForm.result.value = httpObj.responseText;
}
// --></script>
</head>
<body>
<h1>XMLHttpRequest()の基本 (IE以外)</h1>
<form name="ajaxForm">
<input type="button" value="読み込み" onClick="loadTextFile()"><br>
<textarea name="result" cols="40" rows="5"></textarea>
今の自分の認識が
httpObj = new XMLHttpRequest(); XMLオブジェクト生成
httpObj.onload = displayData; displayData()を実行。その結果をonloadへ
httpObj.open("GET","data.txt",true); data.txtを開いて中身を送る
という感じなので、displayDataが値が決まっていないのに、valueに読み込んだものを示す
みたいに思ってしまっています
どなたか、実行の流れについて、どこで、どのような言葉で調べられるか教えてください