2015-09-23 175 views
0

我在獲取信息的JavaScript對話框如下:發送信息到PHP

<!DOCTYPE html> 
<html> 
<body> 


<script> 

    var myInfo = prompt("Please enter info", ""); 
    if (myInfo != null) { 
     //Here is my info 
    } 
</script> 

</body> 
</html> 

如何通過GET發送這個「MyInfo的」到PHP文件(在JavaScript文件的同一臺服務器),POST或通過其他方法?

+0

使用AJAX POST數據到PHP的更多信息。 –

回答

1

這是ajax相當容易,

PHP代碼:

<?php 
$data=$_GET['data']; 
//Do something with it 
echo 'Response'; 
die(); 
?> 

HTML代碼:

<!DOCTYPE html> 
<html> 
<body> 


<script> 

    var myInfo = prompt("Please enter info", ""); 
    if (myInfo != null) { 
     xmlhttp=new XMLHttpRequest(); 
     xmlhttp.onreadystatechange=function() 
     { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) 
      { 
       var response=xmlhttp.responseText; 
       //Do someting with it 
      } 
     } 
     xmlhttp.open("GET","/file.php?data="+myInfo,true); 
     xmlhttp.send(); 
    } 
</script> 

</body> 
</html> 
0

除了使用原生的AJAX可以使用jQuery和Ajax來發送數據等下面

<!DOCTYPE html> 
<html> 
<body> 
<script src="jquery-1.11.3.min.js"></script> 
<script> 

    var myInfo = prompt("Please enter info", ""); 
    if (myInfo != null) { 
     $.ajax({ 
      url: "php_page.php", 
      data: { 
      info: myInfo 
      }, 
      success: function(data) { 
      alert("data sent"); 
      } 
     }); 
    } 
</script> 

</body> 
</html> 

你將不得不使用的jquery.js序使用這個Ajax功能。在你的PHP頁面,您可以直接參考使用$ _REQUEST方法變量如下

<?php 
$data= $_REQUEST['info']; 
?> 

對jQuery的運行,你可以參考jquery.com