Question

我正在尝试将单击的图像的ID传递到下一页。当我开发代码时，它没有将我重定向到下一页。当我单击F12并检查网络中的POST时，它显示该变量已正确传递到了下一页，如随附的图像所示，但没有将我重定向到下一页。所以现在我知道在下一页正确传递和接收了变量，但是我需要代码中需要的内容才能将我定向到下一页，注意：当我尝试放置window.location.href = 'userevent.php';时，它将重定向我，但没有变量，并给我错误（注意：未定义索引：已单击）另外，当我使用url: '@userevent.php.Action("delivery", "service")',时，它也会显示网络状态403 这是我的代码：

  <?php
    session_start();

    require "init.php";
    login();
?>


<html>
<!--...-->
    <head>
        <meta charset="utf-8">
        <title> Ghost </title>
    <!--    <link rel="Stylesheet" href="css/style1.css">-->

    <link rel="stylesheet" href="css/style2.css" media="screen" type="text/css" />
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script >


function myFunction(clicked) {
  document.getElementById('test').innerHTML = clicked;

  $.ajax({
     type: "POST",
     //url: '@userevent.php.Action("delivery", "service")', 
     url: 'userevent.php', 
     dataType:'json', 
     data: {"clicked": clicked},
     success: function(data){
     }
});
window.location.href = 'userevent.php';
}
</script>
    </head>

    <body>  

    <div class="sidenav">   
   <a href="#Main Page">Main Page</a>
  <a href="#About Us">About Us</a>

</div>



<div class="login-box">
  <h1>Add Event</h1>
  <div>
  <p id="test"> </p>

<?php
// LOGIN USER
function login(){
    global $con;
    global $counter;
echo "<table  align='center'  >";
    //$email = $mysqli->escape_string('');
    $query="SELECT * FROM events ORDER BY ID ASC";
    $result=mysqli_query($con,$query);
    if ( $result->num_rows == 0 ) // User doesn't exist
        echo "User with that ID doesn't exist!";
    else { // User exists
     $counter = 0;
     $emptyArray = [];


while($row = $result->fetch_assoc()) 
   {
       $emptyArray[$counter]= $row["ID"];
       if($counter == 0)
       {
           echo '<tr>';
       }
       echo '<td><img id=' . $row["ID"]. ' onClick="myFunction(this.id)" src="images/' . $row["photo"]. '" width="250px"  height= "250px" alt="Avatar" >
        <h1 id = "GFG_DOWN" style =  
            "color:white;text-align:center; font-size: 20px; font-weight: bold;"> '.$emptyArray[$counter].'
        </h1> </td>';
       $counter++;
       if($counter == 3)
       {
            echo "</tr>";
            $counter = 0;
       }
  }
    }
}

mysqli_close($con);
?>

这是第二页中的代码：

<div class='textbox'>
    <label> ID: ".$_POST['clicked']."</label>
  </div>

Answer 1

Ajax的全部要点是该请求是使用JavaScript发出的，而响应是由JavaScript处理的 而无需导航到新页面。

如果您要发出POST请求并导航到结果页面，请使用<form>

window.location.href = 'userevent.php';
它重定向了我，但没有变量

为location.href分配URL会触发浏览器导航（带有GET请求）。

这是与Ajax请求完全不同的请求，因此它没有该请求中的数据。

再次：为此使用表格。

我从数据库中读取数据，并获得了图像的单击ID。

将要发送的数据放在“提交”按钮中。

<form method="POST" action="userevent.php">
    <?php while($row = $result->fetch_assoc())  ?>
        <button name="clicked" value="<?php echo htmlspecialchars($row["ID"]); ?>">
            <img src="images/<?php echo htmlspecialchars($row["photo"]); ?> alt="Put useful and unique alt text so people know what they are selecting if they can't see the image">
        </button>
    <?php } ?>
 </form>

Answer 2

我认为您最好做一个较小的表单，因为您希望在单击时将用户重定向到新页面。

Dir.pwd

*已编辑以反映您当前的编辑。

Ajax没有将我重定向到下一页

2 个答案: