2012-02-23 5 views
1

임 AJAX를 사용하는 양식을 만들려고하지만 제대로을 heres 내 첫 번째 파일의 코드를 실행하는 데 실패 :아약스 양식 입력

<html> 
<head> 
<script language="JavaScript" type="text/javascript"> 
function ajax_post(){ 

var hr = new XMLHttpRequest(); 

var url = "my_parse_file.php"; 
var fn = document.getElementById("first_name").value; 


hr.open("POST", url, true); 

hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
hr.onreadystatechange = function() { 
    if(hr.readyState == 4 && hr.status == 200) { 
     var return_data = hr.responseText; 
     document.getElementById("status").innerHTML = return_data; 
    } 
} 
hr.send(fn); 
document.getElementById("status").innerHTML = "processing..."; 
} 
</script> 
</head> 
<body> 
<h2>Ajax Post to PHP and Get Return Data</h2> 
Todo: <input id="first_name" name="first_name" type="text" /> 
<br /><br /> 

<input name="myBtn" type="submit" value="Submit Data"  onClick="javascript:ajax_post();"> 
<br /><br /> 
<div id="status"></div> 
</body> 
</html> 

및 heres는 두 번째 :

<?php 
echo $_POST['firstname']; 
?> 

모두를 않습니다 보여줍니다 "처리 ..."그리고 빈 ...이 주위에 어쨌든?

답변

1

키 값 쌍을 전달하지 않아서라고 생각합니다.

hr.send('firstname=' + encodeURIComponent(fn));