ajax call reloading page и не вызывающая функция обратного вызова

Question

Я искал и видел, как многие задавали похожие вопросы, но никто из них не ответил/не помог мне.

Ниже приведен код js, который я использую для вызова ajax. Сообщение работает, когда я иду через код с помощью firebug, я могу увидеть ответное сообщение в ответе. Но функция обратного вызова не вызывается. Линия тестирования запускается, и страница перезагружается. Что мне недостает, чтобы вернуть функцию обратного вызова, и страница не обновляется? также смотря в firebug, я могу видеть под этим.xmlhttp: onreadystatechange = callback();

Вот код:

function testajax() { 
    params = 'action=testing'; 
    if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.open("POST", "afs_controller", true); 
    xmlhttp.onreadystatechange = callBack; 
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xmlhttp.setRequestHeader("Content-length", params.length); 
    xmlhttp.setRequestHeader("Connection", "close"); 
    xmlhttp.send(params); 
    //just test line; 
    msg = 'testing;'; 
} 

function callBack() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     handleReturn(xmlhttp.responseText); 
    } else { 
     failedCallBack(xmlhttp.responseText); 
    } 
} 

function handleReturn(responseText) { 
    document.getElementByID(displayDiv).innerHTML = responseText; 
    document.getElementByID(displayDiv).style.display = 'block'; 
} 

function failedCallBack(responseText) { 
    var msg; 
    msg = responseText; 
    msg = msg + ' here'; 
    //handle here; 
} 

Answer 1

Нет, были в моем посте я упомянуть JAVA, весь код показан JavaScript.

Я не размещал код JAVA, не нужно. Я получаю ответ обратно в порядке. Используя firebug, я вижу, что были изменения readystate после send() и могут видеть возвращенный текст в консоли firebug.

Не знаете, почему вы в замешательстве. Возможно, вам стоит перечитать сообщение.

Answer 2

Создал fiddle который работает нормально. Так что не уверен, что пойдет не так на вашей стороне.

Другое дело: попытаться определить переменную перед использованием затем:

function testajax() { 
    var params = 'action=testing'; 
    var xmlhttp; 
    if (window.XMLHttpRequest) { 
     // code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp = new XMLHttpRequest(); 
    } else { // code for IE6, IE5 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.open("POST", "/echo/json", true); 
    xmlhttp.onreadystatechange = callBack; 
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    xmlhttp.setRequestHeader("Content-length", params.length); 
    xmlhttp.setRequestHeader("Connection", "close"); 
    xmlhttp.send(params); 
} 

отличный пример страницы для XMLHttpRequest: http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

Просто спрашиваю: почему бы не использовать jQuery?

Пример:

$.ajax({ 
    type: 'POST', 
    url: 'afs_controller', 
    data: { 
     'action': 'testing' 
    }, 
    success: handleReturn, 
    error: failedCallBack 
});