如何將用戶從javascript彈出表單中輸入的內容保存到php變量中？

Question

我不知道這是否可行，但我想問一下是否有可能將用戶從javascript彈出表單中輸入的內容保存到php變量中。 例如，在w3schools提供的這段代碼中，用戶輸入顯示在屏幕上，而不是我如何將其保存到php中的變量中。 該示例的源代碼如下

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Prompt</h2>

<button onclick="myFunction()">Try it</button>

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

<script>
function myFunction() {
    var txt;
    var person = prompt("Please enter your name:", "Harry Potter");
    if (person == null || person == "") {
        txt = "User cancelled the prompt.";
    } else {
        txt = "Hello " + person + "! How are you today?";
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>

</body>
</html>

我必須學習什么才能做到這一點？ 謝謝問候

Answer 1

 function myFunction() { var txt; var person = prompt("Please enter your name:", "Harry Potter"); if (person == null || person == "") { txt = "User cancelled the prompt."; } else { txt = "Hello " + person + "! How are you today?"; } // Prepare object with data var data = {data: txt}; var url = 'submit.php' xhttp.open('POST', url, true); xhttp.onreadystatechange = function() { if(xhttp.readyState == 4 && xhttp.status == 200) { console.log(xhttp.responseText); } } xhttp.send(JSON.stringify(data)); document.getElementById("demo").innerHTML = txt; }

並且在您的submit.php您可以使用以下代碼段捕獲發布數據

$postData = file_get_contents('php://input');
$jsonData = json_decode($postData);
$key = 'data';
$data = $jsonData->$key;

您將在$data變量中包含數據

Answer 2

基本上，您想將變量從JS推送到PHP嗎？ 實現此目的的唯一方法是使用http request 。

這是一個可以幫助您的鏈接：

https://www.w3schools.com/js/js_ajax_php.asp

Answer 3

JavaScript是一種客戶端語言，而PHP是一種服務器端語言。 通過使用HTTP表單，您可以指示HTML將輸入發送到PHP文件（表單數據）。

您還可以使用AJAX在前端和后端之間傳輸數據。 使用AJAX，您可以選擇將數據存儲在JSON文件結構中。

按照以下順序學習主題。

HTML表單和命令集發送給PHP。
PHP-如何接收表單輸入數據和處理PHP變量。
AJAX
JSON（可選）。

如何將用戶從javascript彈出表單中輸入的內容保存到php變量中？

問題描述

3 個解決方案

解決方案1
0 2018-06-01 07:59:59

解決方案2
0 2018-06-01 08:00:14

解決方案3
0 已采納 2018-06-01 08:05:46

如何將用戶從javascript彈出表單中輸入的內容保存到php變量中？

問題描述

3 個解決方案

解決方案1 0 2018-06-01 07:59:59

解決方案2 0 2018-06-01 08:00:14

解決方案3 0 已采納 2018-06-01 08:05:46

解決方案1
0 2018-06-01 07:59:59

解決方案2
0 2018-06-01 08:00:14

解決方案3
0 已采納 2018-06-01 08:05:46