PHP Javascript AJAX заполнить и рассчитать несколько полей ввода - заполняет только одна функция? - PullRequest
Новая
       1

PHP Javascript AJAX заполнить и рассчитать несколько полей ввода - заполняет только одна функция?

0 голосов
/ 24 июля 2011

Я пытаюсь заполнить форму, используя Javascript / ajax / php, но проблема в том, что моя функция заполняет только одну из необходимых форм и останавливается, даже если я получил второй ответ от сервера.

Код:

Функция, которая начинает заполнять вещи 

function luePankkiviivakoodi(str) {
if (str==null) { //are we NOT injecting variables directly into the code, if not - Prompt for the barcode, and set the variable
    var str = prompt("Valmis vastaanottamaan", "");
}
if (str==null) { //someone pressed abort on the prompt, we return
    return;
}
newstr = str.split(' ').join(''); // remove spaces
if (str=="") { //is the string empty? -> return
    return;
}
if (window.XMLHttpRequest) { //AJAX code
    xmlhttp=new XMLHttpRequest();
}
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        eval(xmlhttp.responseText);
        //we set some fields, no problem
        document.getElementById('P_VII').value = viite;
        document.getElementById('IBAN').value = saajatili;
        document.getElementById('laskun_summa').value = summa;
        document.getElementById('eräpäivä').value = eräpäivä;
        //trigger other functions
        getKassasumma(summa); //AJAX for accesing the database and calculating the sale price
        DevideIntoCells(); //AJAX for accessing the database and dividing a sum into different cells
        validateSumma(); //Validates the sum, and tells the user if it's OK
    }
}
xmlhttp.open("GET","dataminer.php?question=pankkiviivakoodi&q="+newstr,true);//open AJAX connecttion
xmlhttp.send();//send stuff by AJAX

}

getKassasumma: 

function getKassasumma(str) {
if (str=="") {
    return;
}
 if (window.XMLHttpRequest) {
    xmlhttp=new XMLHttpRequest();
}
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        eval(xmlhttp.responseText);
    }
}
kale = document.getElementById("TOS_K_ale").value;
xmlhttp.open("GET","dataminer.php?question=kassasumma&q="+str+"&kale="+kale.replace("%", "p")+"&nro="+document.getElementById("S_NRO").value,true);
xmlhttp.send();
}

DevideIntoCells: 

function DevideIntoCells() {
    str = document.getElementById('tiliöintitapa').value;
    if (str==null) {
            return;
    }
    if (window.XMLHttpRequest) {
        xmlhttp=new XMLHttpRequest();
        document.getElementById("spinwheel3").style.visibility = "visible";
    }
    xmlhttp.onreadystatechange=function() {
        //alert('OK! val= '+xmlhttp.readyState);
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            //alert('OK!');
            eval(xmlhttp.responseText);
            //alert('OK2!');
            document.getElementById("spinwheel3").style.visibility = "hidden";
            //alert('OK3!');
            calculateSumma();
        }
    }
    xmlhttp.open("GET","dataminer.php?question=percentages&q="+str+"&nro="+document.getElementById('S_NRO').value,true);
    xmlhttp.send();
}

validateSumma (просто немного математики): 

function validateSumma() {
    float = document.getElementById('summabox').value;
    float = float.replace(",",".");
    summa = parseFloat(float);
    if (summa < 0) {
        summa = 0
    };
    kassasummaunp = document.getElementById('laskun_summa').value;
    kassasummafloat = kassasummaunp.replace(",",".");
    kassasumma = parseFloat(kassasummafloat);
    if (kassasumma < 0) {
        kassasumma = 0
    };
    if (kassasumma == 0 || summa == 0) {
        prosentti = "0%";
    }
    else {
        prosentti = summa / kassasumma * 100;
        prosentti = Math.round(prosentti*Math.pow(10,2))/Math.pow(10,2);
        prosentti = prosentti+"%";
    };
    if (prosentti == "100%") {
        is100 = 1;
    }else {
        is100 = 0;
    }
    document.getElementById('prosentti').innerHTML = prosentti;
    if (is100 == 1) {
        document.getElementById('prosentti').setAttribute("style", "color:green");
    } else {
        document.getElementById('prosentti').setAttribute("style", "color:red");
    }
    puuttuvaEuro();
}

Код проблемы здесь getKassasumma (итог); и DevideIntoCells () ;. Я отключаю один из них, а другой работает, я включаю их обоих, DevideIntoCells останавливается где-то перед document.getElementById ("spinwheel3"). Style.visibility = "hidden"; вероятно, на eval (response), потому что getKassasumma уже закончил запрос ajax и убил этот. то же самое наоборот.

AJAX ответы: DevideIntoCells: 

var KP_osuus = parseFloat('40');
laskunsumma = parseFloat(document.getElementById('laskun_summa').value);
onepercent = laskunsumma/100;
newvalue = onepercent*KP_osuus;
document.getElementById('box1.5').value = newvalue;
var KP_osuus = parseFloat('60');
laskunsumma = parseFloat(document.getElementById('laskun_summa').value);
onepercent = laskunsumma/100;
newvalue = onepercent*KP_osuus;
document.getElementById('box2.5').value = newvalue;

AJAX ответ: getKassasumma 

var kassasumma = '477.99€';
document.getElementById('kassasumma').value = kassasumma;

Пожалуйста, спросите, если вам нужны разъяснения!

РЕДАКТИРОВАТЬ: Просто чтобы быть ясно, это не проблема AJAX, а Javascript.

Ответы [ 2 ]

1 голос
/ 24 июля 2011

Я думаю, что вы «плаваете в этом», как мы говорим.Если вы начнете с AJAX, я бы порекомендовал вам использовать фреймворк, такой как jQuery, и его функции $.get() или $.post().Он выполнит всю необходимую логику AJAX для вас.

0 голосов
/ 24 июля 2011

Попробуйте сделать xmlhttp локальным, т.е. 

var xmlhttp;

Поскольку вы перезаписываете xmlhttp, на который вы ссылаетесь в прослушивателях событий, поэтому, когда слушатели вызывают, они оба видят одинаковый ответ.

в начале каждой из ваших функций. Для совместимости также используйте send(null) вместо send().

...