< ;body>
##function ajax(data){
//data= {データ:"",dataType:"xml/json",type:"get/post",url:"",asyn:"true/false",success:function(){},failure:function(){} }
//data:{ユーザー名:123,パスワード:456}
//データ = 'ユーザー名=123&パスワード=456';
//最初のステップ: xhr オブジェクトの作成
var xhr = null;
if(window.XMLHttpRequest){//標準ブラウザ
xhr = new XMLHttpRequest() ;
}else{
xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
//ステップ 2 : 構成パラメーターを準備する送信前
#var type = data.type == 'get'?'get':'post';
var url = '';
if(data. url){
url = data.url;
if(type == 'get'){
url = "?" data.data "&_t=" new Date().getTime();
}
}
var flag = data.asyn == 'true'?'true': 'false';
xhr.open(type,url,flag);
//ステップ 3: 送信アクションを実行します
if(type == 'get'){
xhr.send(null);
}else if(type == 'post'){
xhr .setRequestHeader("Content-Type ","application/x-www-form-urlencoded");
xhr.send(data.data);
}
//ステップ 4: コールバック関数を指定します
xhr.onreadystatechange = function(){
if(this.readyState == 4){
if(this .status == 200){
if(typeof data.success == 'function'){
var d = data.dataType == 'xml' ?xhr.responseXML:xhr。 responseText;
data.success(d);
}
}else{
if(typeof data.failure == 'function'){
data.failure();
}
}
}
}
}
##window.onload = function(){
//ボタンクリックイベントを登録
var btn = document.getElementById('btn ');
var code = document.getElementById('code').value;
btn.onclick = function(){
var param = {
url:'07ems.php ?code=' code,
type:'get',
dataType:'json',
success:function(data ){
if (data.status == 0){
var list = data.data.info.context;
var tag = '';
for(var i=0 ;i
var item = list[i];
var desc = item.desc;
var t = new Date() ;
t.setTime(item.time '000');
var str = t.getFull Year() '年' (t.getMonth( ) 1) '月' t.getDay () '日' (t.getHours()>12?' 午後':' 午前') t.getHours() ':' t.getMinutes() ':' t .getSeconds();
## tag = '' str '
' item.desc '< /div>';
}
var ul = document.createElement('ul') ;
ul.innerHTML = タグ;
document.getElementById('list').appendChild(ul);
}else {
var info = data.msg;
document.getElementById('list').innerHTML = info;
}
#},failure:function () {
alert(12);
}
};
ajax(param);
}
}
//演習問題: カプセル化されたメソッドを使用して昨日の EMS を実装するクエリ