AJAX付記

まずAJAXを作成する関数です.

 
  
var http_request=null; 
  
 
  
function create_ajax(){ 
  
    http_request = false; 
  
    //     XMLHttpRequest   
  
    if(window.XMLHttpRequest) { //Mozilla     
  
        http_request = new XMLHttpRequest(); 
  
        if (http_request.overrideMimeType) {//  MiME   
  
            http_request.overrideMimeType('text/xml'); 
  
        } 
  
    } 
  
    else if (window.ActiveXObject) { // IE    
  
        try { 
  
            http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
  
        } catch (e) { 
  
            try { 
  
                http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
  
            } catch (e) {} 
  
        } 
  
    } 
  
    if (!http_request) { //   ，         
  
        window.alert("    XMLHttpRequest    ."); 
  
        return false; 
  
    } 
  
} 
  
 
 

そしてこの関数を呼び出してAJAXを処理します

 
  
var obj1; 
  
 
  
function get_ajax(url,obj) {//   、      、        
  
obj1=obj; 
  
create_ajax(); 
  
http_request.onreadystatechange =processobj; //           URL             
  
http_request.open("POST", url, true); 
  
http_request.send(null); 
  
} 
  
 
  
function processobj(){ 
  
document.getElementById(obj1).innerHTML="Loading..."; 
  
if (http_request.readyState == 4) { //        
  
if (http_request.status == 200) { //         ，       
  
document.getElementById(obj1).innerHTML=http_request.responseText; 
  
} else { //      
  
document.getElementById(obj1).innerHTML="loading error."; 
  
} 
  
} 
  
} 
  
 
 

以上がAJAXの本体で、AJAXのページでこのJavascriptを含める必要がある場合は、簡単に呼び出すことができます.

 
  
 
  
Welcome. 
  
d1
 
  
d2
 
  
d2
 
  
 
 

'ajax/get1.jsp'と'ajax/get 2.jsp′は、2つのバックグラウンドでデータを するページであり、d 1をクリックするとget 1.jspはダイナミックにロードされ、とても で、もちろんこれは も な のモデルで、 に くの を えることができて、みんなは に しましょう.