如何在 php 中使用 localStorage 和 AJAX 来更新我的数据库？

Question

我需要在 PHP 文件中使用 localStorage 值来更新数据库中的值。我知道我需要 ajax 来实现这一点，但我无法让它工作。

我的 localStorage 项目被命名为选项并且它存在（在浏览器中检查并将值存储在 div 中）

$(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "activity.php",
            data: { storageValue: localStorage.getItem('option') },
            success: function(data){
                alert('success');
            }
        });
    });

PHP 示例：

$option = $_POST['storageValue'];
mysql_query("...SET x = '".$option."'...");
echo 'Update complete';

我没有看到任何帖子数据，也没有收到回复。

谢谢！

Answer 1

您的页面：

<form>
<input type="hidden" value="thedatayouwanttopost" id="option"/>
</form>
<script src="Your_Js_File.js"></script>

你的 JS 文件：

document.getElementById('option').submit(); // This submits the form

var storageValue = $('#option').val(); // This gets the value of the form once it has been posted to the .php file

$(document).ready(function(){
        $.ajax({
            type: "POST",
            url: "activity.php",
            data: { storageValue:storageValue },
            success: function(data){
                alert('success');
            }
        });
    return false; // This stops the page from refreshing
    });

您的 PHP 文件将数据回调到 AJAX 并显示警报 (activity.php)：

...
$option = $_POST['storageValue']; // This is the post value of your hidden input on your page

mysql_query("...SET x = '".$option."'...");
?><input type="hidden" id="option" value="<?php echo $option; ?>"><?
// The input above posts the value of 'option' on your page back to your Ajax and spits out the request.
    ...