当用户单击页面1上的按钮时，它将数据发送到页面2并重定向到页面3

Question

1-用户在page1.php的文本字段（表单）中输入信息，然后单击“提交”按钮；

    <Form name="search_form" method="POST" action="page2.php">

    <input type="text" name="search_box" class="btn btn-default" value="" />
    <input type="submit" name="search" class="btn btn-default" value="Search location">
    </form>
    <br>

2-用户在page1.php中输入的信息将发送到page2.php，在这里我用它在数据库中进行查询并将其保存在xml文件中。

<?php 

require("phpsqlajax_dbinfo.php");

$dom = new DOMDocument("1.0");
$node = $dom->createElement("markers");
$parnode = $dom->appendChild($node);


$connection=mysql_connect ('localhost', $username, $password);
if (!$connection) {  die('Not connected : ' . mysql_error());}

$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
 die ('Can\'t use db : ' . mysql_error());
}

if (isset($_POST['search'])){
$search_term = mysql_real_escape_string($_POST['search_box']);
$query  = "SELECT * FROM markers WHERE area= '{$search_term}' OR county = '{$search_term}' OR name = '{$search_term}' OR road = '{$search_term}' ORDER BY    petrol ASC";
}

$result = mysql_query($query);
if (!$result) {
 die('Invalid query: ' . mysql_error());
}

 header("Content-type: text/xml");

 while ($row = @mysql_fetch_assoc($result)){
 $node = $dom->createElement("marker");
 $newnode = $parnode->appendChild($node);
 $newnode->setAttribute("id",$row['id']);
 $newnode->setAttribute("name",$row['name']);
 $newnode->setAttribute("address",$row['address']);
 $newnode->setAttribute("lat",$row['lat']);
 $newnode->setAttribute("lng",$row['lng']);

}

echo $dom->saveXML();

?>

到目前为止一切都很好！

现在，我需要将用户重定向到page3.php，在该页面中，用户在page1.php中输入，过滤并保存在page2.php中的信息将被加载到page3.php的地图上。

问题：如果我在page2.php中使用header（“ Location：page3.php”），则用户将重定向到page3.php，但是我从page2.php的查询中的信息似乎未执行/保存，并且未加载page3.php。

如果我在page3.php的代码中使用了另一个xml文件，那么它将起作用。因此，我得出的结论是我的问题在page2.php中。

Page3.php

<script type="text/javascript">


var customIcons = {
  gas_station: {
    icon: '/icon.png'
  },
};

function load() {
  var map = new google.maps.Map(document.getElementById("map"), {
    center: new google.maps.LatLng(53.349535, -6.262184),
    zoom: 10,
    mapTypeId: 'roadmap'
  });
  var infoWindow = new google.maps.InfoWindow;

  // Change this depending on the name of your PHP file
  downloadUrl("page2.php", function(data) {
    var xml = data.responseXML;
    var markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var name = markers[i].getAttribute("name");
      var address = markers[i].getAttribute("address");

      var convenience = markers[i].getAttribute("convenience");
      var atm = markers[i].getAttribute("atm");

    var point = new google.maps.LatLng(
          parseFloat(markers[i].getAttribute("lat")),
          parseFloat(markers[i].getAttribute("lng")));

     var html = "<b>Station: </b>" + name + "<br/><b>Address: </b>" + address;

      var icon = customIcons[type] || {};
      var marker = new google.maps.Marker({
        map: map,
        position: point,
        icon: icon.icon
      });
      bindInfoWindow(marker, map, infoWindow, html);
    }
  });
}

function bindInfoWindow(marker, map, infoWindow, html) {
  google.maps.event.addListener(marker, 'click', function() {
    infoWindow.setContent(html);
    infoWindow.open(map, marker);
  });
}

function downloadUrl(url, callback) {
  var request = window.ActiveXObject ?
      new ActiveXObject('Microsoft.XMLHTTP') :
      new XMLHttpRequest;

  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      request.onreadystatechange = doNothing;
      callback(request, request.status);
    }
  };

  request.open('GET', url, true);
  request.send(null);
 }

  function doNothing() {}

</script>

无论如何，当用户单击page1.php中的Submit时，信息将发送到page2.php，并且用户也将自动重定向到page3.php。

先感谢您！

Answer 1

以下是使用localStorage的一个非常基本的实现：

小提琴 。

注意： Stackoverflow不允许访问localStorage，因此请在JSFiddle上进行测试。

 function saveToLocalStorage() { var value = document.getElementById("txt").value; console.log(value); localStorage.setItem("myValue", value); } function getFromLocalStorage(){ console.log(localStorage.getItem("myValue")); } 

 <input type="text" id="txt"> <button onclick="saveToLocalStorage()">Save</button> <button onclick="getFromLocalStorage()">Get</button> 

Answer 2

我假设您正在发送非敏感信息...您始终可以通过GET方法从第2页发送信息到第3页，并在第3页接收信息。