JavaScript, setTimeout AJAX не работает, когда проходят через параметры

Question

JavaScript, setTimeout AJAX не работает, когда проходят через параметры

Пользователь вводит что-то, а затем с помощью ajax программа выводит что-то пользователю. Что в основном работает, проблема заключается в передаче переменных через параметры в удаленную функцию из моего скрипта.

setTimeout call портит, когда я передаю текст в качестве параметра. Но когда я набираю setTimeout Сама функция, она работает:

function handleServerResponse(text){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xmlResponse = xmlHttp.responseXML; //izvlaci se xml sto smo dobili
xmlDocumentElement = xmlResponse.documentElement;
message = xmlDocumentElement.firstChild.data;
document.getElementById('underInput').innerHTML = message;
setTimeout("process(text)", 1000);
}else{
alert('Someting went wrong !');
}
}
}

Весь код:

<script type = "text/javascript">

var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject(){
var xmlHttp;

if(window.ActiveXObject){
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlHttp = false;
}
} else {
try{
xmlHttp = new XMLHttpRequest();
}catch(e){
xmlHttp = false;
}
}

if(!xmlHttp)
alert("Cant create that object !")
else
return xmlHttp;
}

function process(text){

//text = 'userInput';

if(xmlHttp.readyState==0 || xmlHttp.readyState==4){
food = encodeURIComponent(document.getElementById(text).value);
xmlHttp.open("GET", 'foodstore.php'+"?food="+food,true);

xmlHttp.onreadystatechange = function() {
handleServerResponse(text);
};

xmlHttp.send(null);
}else{
setTimeout("process(text)",1000);//cekaj 1s pa probaj opet
}
}

function handleServerResponse(text){

if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
xmlResponse = xmlHttp.responseXML; //izvlaci se xml sto smo dobili
xmlDocumentElement = xmlResponse.documentElement;
message = xmlDocumentElement.firstChild.data;
document.getElementById('underInput').innerHTML = message;
setTimeout("process(text)", 1000);
}else{
alert('Someting went wrong !');
}
}
}

</script>

//*******************************************

<html>
<body onload = "process('userInput')">
<h3>The Chuff Bucker</h3>
Enter the food you would like to order:
<input type="text" id="userInput" />
<div id="underInput" />
</body>
</html>

2

ajax getelementbyid javascript jquery php

Решение

Другие решения

Попробуйте удалить «» в

setTimeout("process(text)", 1000);

[РЕДАКТИРОВАНИЕ ДЛЯ СПРАВКИ] вместо этого, как этот

setTimeout(function(){
process(text);
}, 1000);

-1

Ваш AJAX-запрос слишком сложен. Вы можете использовать JQUERY вообще? Его синтаксис очень прост, а простота реализации может решить вашу проблему. Пожалуйста, посмотрите на этот пример.

AJAX SYNTAX ДЛЯ JQUERY

var var_one = 'first post item here';
var var2 = $("#id_of_input_field").val();
///////// AJAX //////// AJAX //////////
$.ajax({
type: 'POST',
url:  'file_to_receive_post_vars.php',
data: {var_one:var_one, var2:var2},
success: function( response ){
alert('yay ajax!');
}//close succss params
});//close ajax
///////// AJAX //////// AJAX //////////

-2

Источник

Accepted Answer

Когда вы передаете строку setTimeoutоценивается в глобальном масштабе. Там нет глобального text переменная, поэтому вызов не удастся. Вместо этого передайте функцию:

setTimeout(function() {
process(text);
}, 1000);

2