Question

我尝试使用谷歌找到这个问题，但到目前为止没有运气，所以我要求一些帮助。我正在使用JSP上的网页，我对ajax responseText有一点问题，我在firefox上测试页面并使用firebug。问题是它的操作正确完成，响应文本在firebug控制台上显示正常，但它没有显示在我分配的<div>上。当我在处理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上，如果在asign之前有活动te警告，那么html正确地修改了它，但如果没有那么div保持不变，我不太确定那是什么意味着它就像它必须等待我不知道我是否只是做了一些非常错误的事情

Ajax响应文本正确但不显示

0 个答案: