ajax - Ajax 応答テキストは正しいが表示されない

Question

私はグーグルを使ってこの問題を見つけようとしましたが、今のところ運が悪いので、助けを求めています. JSPでWebページを操作していて、ajax responseTextに少し問題があり、Firefoxでページをテストし、firebugを使用しています。問題は、操作が正しく完了し、応答テキストが firebug コンソールに正常に表示されることですが、<div>割り当てられた i には表示されません。onreadystatechange を処理する関数内に alert() を配置すると、応答が遅すぎたかのように正しく表示されるため、少し迷っています。誰でも私にアイデアを与えることができますか？

送信を処理する私のJSは

function validate( form ) {
var expresion = /[\b\W\d]+/;
var error=0;
var nombre = document.getElementById("Addname");
var descripcion = document.getElementById("Adddescripcion");
if(nombre.value == "" ){
    nombre.focus();
    nombre.style.backgroundColor="red";
    alert("Los Campos no deben estar vacios");
    error = error+1;
}else{
    if(!(expresion.test(nombre.value))){
        var temp = nombre.value.toUpperCase();
        nombre.value = temp;
    }else{
        nombre.focus();
        nombre.style.backgroundColor="red";
        alert("La entrada no es valida");
        error = error+1;
    }
}

if( descripcion.value == "" ){
    descripcion.focus();
    descripcion.style.backgroundColor="red";
    alert("Los Campos no deben estar vacios");
    error = error+1;
}
if(error == 0){
    var url = "addCarrera";
    var params = "name="+ nombre.value +"&descripcion="+descripcion.value;
    ajaxPost(url,params,"addres");
    document.getElementById("addres").setAttribute("class","visible");
    clearing();
}
}

function clearing(){
  var nombre = document.getElementById("Addname");
  var descripcion = document.getElementById("Adddescripcion");
  nombre.value="";
  descripcion.value="";
  nombre.style.backgroundColor="white";
  descripcion.style.backgroundColor="white";
  var timer = setTimeout("ocultar()", 1500);
}

Ajax リクエストを処理する私のコード

var ajaxCall;

function ajax_request() {
    if(window.XMLHttpRequest){
        //codigo para IE7+,Firefox,Chrome, Opera,Safari
        ajaxCall=new XMLHttpRequest();
    }else{
        //codigo para IE6 y 5
        ajaxCall=new ActiveXObject("Microsoft.XMLHTTP");
    }
}

function ajaxPost(url ,params, respuesta){
    ajax_request();
    ajaxCall.onreadystatechange = statechangeHandle(respuesta); 
    ajaxCall.open("POST",url,true);
    ajaxCall.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    ajaxCall.setRequestHeader("Content-length", params.length);
    ajaxCall.setRequestHeader("Connection", "close");
    ajaxCall.send(params);
    //alert("respuesta? "+respuesta); 
}

function statechangeHandle(text){
    //alert("text?"+text);
    //alert("ready?"+ajaxCall.readyState);
    if(ajaxCall.readyState == 4 && ajaxCall.status === 200){
        //alert("prueba");
        document.getElementById(text).innerHTML=ajaxCall.responseText;
        //alert(ajaxCall.responseText);
    }
}

html部分

<h3>Agregar Carrera</h3>
                <table>
                    <tr>
                        <td>Nombre:</td>
                        <td><input type="text" id="Addname" size="20" /></td>
                    </tr>
                    <tr>
                        <td>Descripcion:</td>
                        <td><textarea rows="2" cols="20" id="Adddescripcion" >     </textarea></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="Agregar" onclick="validate()"></td>
                    </tr>                    
                </table>
                <div class="ocultar" id="addres"></div>

前もって感謝します。

ちなみに、ajaxPost の ajax は何も表示しませんが、たとえば statechangeHandle では、responseText を割り当てる前にアラートがアクティブである場合、html は正しく変更されていますが、そうでない場合は div は同じままです。それが何を意味するのかよくわかりません。待たなければならないので、本当に間違ったことをしているだけなのかわかりません