将 JS 变量输出到我的 PHP 文件中

Question

我正在尝试将一个 JS 变量输出到我的 PHP 文件中。然后让 PHP 将变量值发送到我的数据库中。 但不知何故它不起作用..

这里我有一个表单触发JS函数：（这个文件叫index.php）

<form method="post" action="index.php" onsubmit="return phpFunction()" >
      <input type="hidden" name="submitted" value="true">
      <input type="text" id="nameInput" placeholder="your name" maxlength="12" name="name">
      <input type="submit" id="submitted" value="Submit your highscore">      
      </form>

这里我们有JS函数：（这个文件叫做main.js）

function phpFunction () {

var php = duck.highscore ;   // duck.highscore is a number that dynamically changes
window.location.href = "index.php?score=" + php;   

};

最后我们得到了将值发送到我的本地服务器的 PHP 文件：（这个文件在 index.php 中）

<?php

if (isset($_POST['submitted'])) {   

// connect  to the database      
include('connect.php');

$name = $_POST['name'] ;
$score = $_GET['score'] ;
$sqlinsert = "INSERT INTO leaderboard (name, score) VALUES ('$name','$score')" ; 


if (!mysqli_query($conn, $sqlinsert)) {
    die('error inserting new record') ;
    } // end of my nested if statement

    $newrecord = "record added" ;


}   
?>

当我按下提交按钮时，我收到如下错误消息：

error 404

Answer 1

你应该使用header('Location: ' . $your_next_url);从你的脚本重定向。

Answer 2

您需要正确传递查询字符串，您缺少一个 = 字符，这会导致如下 URL：index.php?score1234 这很可能是无效的，即。 "index.php?score" + php;。

在你的phpFunction() 中让它看起来像这样：

function phpFunction () {
    var php = duck.highscore ;   // duck.highscore is a number that dynamically changes 
    window.location.href = "index.php?score=" + php;   
};

Answer 3

不要通过javascript重定向到index.php，而是尝试将score值添加到表单并提交。

// HTML Code
<form method="post" action="index.php" onsubmit="return phpFunction()" >
  <input type="hidden" name="submitted" value="true">
  <input type="text" id="nameInput" placeholder="your name" maxlength="12" name="name">
  <input type="submit" id="submitted" value="Submit your highscore"> 
  // added hidden input for score.   
  <input type="hidden" id="score" value="" name="score"> 
</form>

// javascript code
function phpFunction () {
  var php = duck.highscore ;   // duck.highscore is a number that dynamically changes
  // update the score field value in the HTML form
  document.getElementById('score').value = php;
  return true;
};

//PHP代码

替换

$score = $_GET['score'];

与

$score = $_POST['score'];