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

【问题标题】：When a user clicks a button on page 1 it sends data to page 2 and redirects to page 3当用户单击第 1 页上的按钮时，它会将数据发送到第 2 页并重定向到第 3 页
【发布时间】：2016-03-02 06:45:16
【问题描述】：

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 查询的信息似乎没有被执行/保存并且不要t 加载 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 中的提交时，信息会被发送到 page2.php，并且用户会被自动重定向到 page3.php。

提前谢谢你！

【问题讨论】：

欢迎来到 SO！您可以尝试查询参数或 HTML5 存储（localStorage，sessionStorage）。我不熟悉 php，但请尝试header("Location: page3.php/?data=value")。
您可以将它们发送到第 2 页，然后将第 2 页重定向到第 3 页，如果您在第 2 页上没有显示任何内容，那么用户将看不到任何内容，也不知道他们去了中间页面。跨度>
@Rajesh --> 首先感谢您的回复。我不熟悉 HTML5 存储，但我会查看文档。关于 php 中提到的函数头，这是我正在尝试的函数，但它不起作用....在我的代码中，变量 data=value 是什么？
@LaughingQuoll --> 感谢您的回复。这就是正在发生的事情......当我将用户发送到 page2.php 时，用户看不到任何内容，它应该只执行查询并将其保存在 xml 文件中。因此，我需要将用户重定向到page3.php，信息将在执行后显示在page2.php 中。正如你所说，它只是一个中间页面。但是，如果我使用函数头（“位置：page3.php”），它只会将用户重定向到 page3.php，并且不会在那里加载任何内容。
然后，我想知道是否会有一个函数，例如，page1.php 中输入表单中的“action”可以同时执行，将信息发送到 page2.php 并重定向用户自动到 page3.php。如果我将 page2.php 中的代码与 page3.php 中的代码放在一起，我会收到有关“标题内容类型”的错误，因为我的 page2.php 使用 txt/xml 而我的 page3.php 使用 txt/html .

标签： javascript php html mysql

【解决方案1】：

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

Fiddle.

注意：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>

【讨论】：

【解决方案2】：

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

【讨论】：