xmlhttp.readyState не работает с транзакцией mysql

Question

У меня есть функция ajax, где я просто вызываю страницу php, которая имеет транзакцию mysql для запуска. Проверяя журнал mysql, я убедился, что транзакция выполняется успешно, но объект xmlhttp переходит к оператору else readyState и состоянию.

мой код JS:

function promoteOptionsAllot(stid,cid,nsid,elid,flag){
anchor = document.getElementById('promoteAnchor'+elid);
imgContainer = document.getElementById('promoteStatus'+elid);
if(flag == 1){
opt1 = encodeURIComponent(document.getElementById('promote_option1').value);
opt2 = encodeURIComponent(document.getElementById('promote_option2').value);
opt3 = encodeURIComponent(document.getElementById('promote_option3').value);
opt4 = encodeURIComponent(document.getElementById('promote_option4').value);
params =   "stid="+encodeURIComponent(stid)+"&course="+encodeURIComponent(cid)+"&sem="+encodeURIComponent(nsid)+"&element="+encodeURIComponent(elid)+"&popt1="+opt1+"&popt2="+opt2+"&popt3="+opt3+" &popt4="+opt4+"&flag="+encodeURIComponent(flag);
 }
else if(flag == 2){
params =   "stid="+encodeURIComponent(stid)+"&course="+encodeURIComponent(cid)+"&sem="+encodeURIComponent(nsid)+"&element="+encodeURIComponent(elid)+"&flag="+encodeURIComponent(flag);
}


if (window.XMLHttpRequest)
 { 
 xmlhttp=new XMLHttpRequest();
 }
else
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  { 
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
document.body.removeChild(document.getElementById('prBox'));
document.body.removeChild(document.getElementById('prBackground'));
result = xmlhttp.responseText;  
if(result == "done"){
anchor.innerHTML = "<span style='color:#198D19;'><b>Promoted</b></span>";
imgContainer.src = "tick.png";
}else {
alert("There was a problem serving the request. Please try again.");
imgContainer.src = "cross.jpg";
}
 }
else{
imgContainer.src = "alert.gif";
}
 }
xmlhttp.open("POST","promoptallot.php",true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(params);
}

Это событие onclick ссылки и при нажатии на ссылку, хотя транзакция успешна, но каким-то образом imagecontainer показывает alert.gif, что означает, что он никогда не запускает код внутри оператора readystate == 4 и status == 200.

Пожалуйста, не предлагайте использовать JQuery. Я знаю, что это стабильная структура и другие вещи, но мне нужен ответ, используя только это.

Answer 1

Проверяя консоль, я нашел проблему в строке document.body.removeChild(document.getElementById('prBox')); document.body.removeChild(document.getElementById('prBackground'));

Эти строки должны были выполняться на индивидуальной основе, и я не помещал их в оператор i f.

теперь после того, как поставить его как if (flag ==1){ document.body.removeChild(document.getElementById('prBox')); document.body.removeChild(document.getElementById('prBackground')); } это работает как задумано.

Благодарю.