如何使用HTML表单将JavaScript值传递给另一个PHP页面？

我花了2个多月的时间试图解决这个编码问题。首先我知道JavaScript运行在客户端，PHP运行在服务器上。如何使用HTML表单将JavaScript值传递给另一个PHP页面？

我有两个PHP页面（index23.php和index24.php），都使用HTML/PHP和JS。

我使用的是HTML5地理位置API：

<body onload="getLocation()"> 

<p id="demo"></p> 

<script> 
var x = document.getElementById("demo"); 

function getLocation() 
{ 
    if (navigator.geolocation) 
    { 
     navigator.geolocation.getCurrentPosition(showPosition); 
    } 
    else 
    { 
     x.innerHTML="Geolocation is not supported by this browser."; 
    } 
} 

function showPosition(position) 
{ 
    x.innerHTML= "+" + position.coords.latitude + "+" + position.coords.longitude; 
} 
</script>

我可以看到我目前的PHP页面（index23.php）的地理编码值。然后我点击一个HTML表单按钮，浏览器进入另一个页面（index24.php）。

如何使用表单上的提交按钮将第一个PHP页面上的JavaScript值传递到第二个PHP页面？

这是我的形式：

<form id="searchbox" action="index24.php" method="get"> 
<input name="q" type="text" placeholder="Type here"/> 
<input id="submit" type="submit" value="Search"></form>

来源

2012-12-31 Adrian Diaz

隐藏字段... –

index23.php：

<html> 
<head> 
<script type="text/javascript"> 
function getLocation(){ 
    var x = document.getElementById("demo"); 
    if (navigator.geolocation){ 
     navigator.geolocation.getCurrentPosition(showPosition); 
    }else{ 
     x.innerHTML="Geolocation is not supported by this browser."; 
    } 
} 
function showPosition(position){ 
    var x = document.getElementById("demo"),latitude=document.getElementById("latitude"),longitude=document.getElementById("longitude"); 
    x.innerHTML="+" + position.coords.latitude + "+" + position.coords.longitude; 
    latitude.value = position.coords.latitude; 
    longitude.value = position.coords.longitude; 
} 

</script> 

</head> 
<body onload="getLocation()"> 

    <p id="demo"></p> 
    <form id="searchbox" action="index24.php" method="get"> 
    <input name="q" type="text" placeholder="Type here"/> 
    <input name="latitude" id="latitude" type="hidden"> 
    <input name="longitude" id="longitude" type="hidden"> 
    <input id="submit" type="submit" value="Search"></form> 
</body></html>

index24.php

$latitude = $_GET['latitude']; 
$longitude = $_GET['longitude'];

来源

2012-12-31 16:53:03

你将不得不切换到'$ _ POST '它的方法不显示在URL –

好的非常感谢你。 –

你需要做的是使一个输入型隐藏，并通过它

<input name="bla" type="hidden" value="blabla">

也HTML不是服务器端。只有PHP是送超值。我希望下面的图片解释

enter image description here

_{_{image source}}

来源

2012-12-31 16:45:50

像图片：d – raqulka

你可以当你的坐标值动态添加到窗体。

<form id="searchbox" action="index24.php" method="get"> 
<input name="q" type="text" placeholder="Type here"/> 
<input id="submit" type="submit" value="Search"> 
<input name="latitude" type="hidden" id="latitude" value="" /> 
<input name="longitude" type="hidden" id="longitude" value="" /> 
</form> 
<script> 
var x=document.getElementById("demo"); 
function getLocation() 
{ 
    if (navigator.geolocation) 
    { 
    navigator.geolocation.getCurrentPosition(showPosition); 
    } 
    else{x.innerHTML="Geolocation is not supported by this browser.";} 
} 
function showPosition(position) 
{ 
    document.getElementById('latitude').value = position.coords.latitude; 
    document.getElementById('longitude').value = position.coords.longitude; 
    x.innerHTML="+" + position.coords.latitude + "+" + position.coords.longitude;  
} 
</script>

来源

2012-12-31 16:49:29 Ben

如何使用HTML表单将JavaScript值传递给另一个PHP页面？

回答

相关问题