Question

我们正在取得进展，我真的很感激帮助。

我有一个页面，您可以从背景图像的几个不同选项中进行选择。当你点击一个选项时，它会实时更新后台（这很好），但我现在要做的是能够-save-你点击的选项，以便在关闭浏览器后访问页面时点击它。

我无法使用数据库（它在工作中），因此我尝试将您选择的选项保存到可在您访问网站时加载的本地文本文件。以下是以最纯粹的形式驱动选项的代码：

var $bg = new Array(); // don't change this
var $choice = "";

$bg[0] = "";
$bg[1] = "images/bg3.png";
$bg[2] = "images/bgStyle_cheetah.png";

function changeBGImage(img) {
if (document.body) {
document.body.style.backgroundImage = "url("+$bg[img]+")"; }
}

</script>
</head>

<body>
<A href="javascript:changeBGImage(0)">1</A>
<A href="javascript:changeBGImage(1)">2</A>
<A href="javascript:changeBGImage(2)">3</A>
</body>

如何激活此功能，以便在提交页面时保存选项以及如何重新加载这些设置？我知道我需要一个某种提交按钮，但它应该是type = button或type = submit还是什么？谢谢你的帮助！

Answer 1

一个选项正在处理Ajax请求。例如Microajax library

示例：

<强>使用Javascript：

function changeBGImage(img) {
    if(document.body){
        microAjax("script.php?image_id="+img, function (res) {
            document.body.style.backgroundImage = "url("+$bg[img]+")";
        });
    }
}

<强>的script.php

<?php
    $image_id = $_GET['image_id'];
    $file = "my_image_option.txt";
    file_put_contents($file, $image_id);
?>

Javascript将选项传递给变量并使用php保存到txt文件

1 个答案: