저는 웹 기반 애플리케이션 개발 및 AJAX 학습의 초보자입니다. 여기 내 문제는, 일부 변수 (사용자 입력)와 AJAX 요청을 만들려고하고 같은 변수와 PHP 파일을 얻을. 아래에 내 코드가 있습니다. 만약 내가 빠진 것이 있거나 잘못하고 있다면 알려주세요. 나는 어떤 도움을 주셔서 감사합니다! 고맙습니다.AJAX를 사용하여 PHP 파일에 자바 변수 가져 오기
자바 스크립트 코드 :
<script type="text/javascript">
function ajaxFunction(){
var ajaxRequest;
try{
ajaxRequest = new XMLHttpRequest();
}catch (e){
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
document.getElementById("Alert").innerHTML= "*Your browser broke!";
document.getElementById("Alert").style.color = '#E00000 ';
return false;
}
}
}
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('display');
ajaxDisplay.value = ajaxRequest.responseText;
}
}
var input_building = document.getElementById('building').value;
var input_room = document.getElementById('room').value;
var queryString = "?building=" + input_building + "&room=" + input_room;
ajaxRequest.open("GET", "map.php" + queryString, true);
ajaxRequest.send();
}
</script>
HTML :
<select id="building" name="building">
<option value="#" default >Select</option>
<option value="Luis C. Monzon">Luis C. Monzon</option>
</select>
<input type="text" id="room" name="room" placeholder="eg. 208B/CH 116" >
<input id="submit" type="button" value="submit" onclick="ajaxFunction()" >
<p id="display"></p>
PHP 파일 :
<?php>
$building = $_GET['building'];
$room = $_GET['room'];
echo "<h1>".$room." ".$building."</h1>";
?>
에 부하를 변경할 수 있습니다에 대한 결과는 무엇을 얻고 있는가? 정확히 작동하지 않는 것은 무엇입니까? – thaJeztah
jQuery에 대해 들었습니까? – mimipc
'ajaxDisplay.value'를'ajaxDisplay.innerHTML'로 변경하십시오. – mplungjan