JavaScript：允许用户更改背景图像答案

【问题标题】：JavaScript: Allow Users To Change The Background ImageJavaScript：允许用户更改背景图像
【发布时间】：2014-10-30 19:59:41
【问题描述】：

我正在尝试代码“JavaScript：允许用户更改背景图像”，例如 this video on youtube 但我仍然无法让它工作。

这段代码： index.php

    <!DOCTYPE html>
<html>
<head>
<title>Change Back Ground </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/JavaScript" src="core/changebg.js"></script>
</head>

<body>

<?php
  session_start();
if(isset($_SESSION['image'])) {
 echo'<script type="text/JavaScript">
 changeImage('.$_SESSION['image'].')</script>';
}  
?>
    <div id="choosebg" style="background-color:#f2f2f2; width:200px; padding:10px;text-align:center;" >
       <a href="#" onclick="changeImage(1);"><img src="images/1.jpg" width="50" hieght="50" /></a>
       <a href="#" onclick="changeImage(2);"><img src="images/2.jpg" width="50" hieght="50" /></a>
       <a href="#" onclick="changeImage(3);"><img src="images/3.jpg" width="50" hieght="50" /></a>
       <a href="#" onclick="changeImage(4);"><img src="images/4.jpg" width="50" hieght="50" /></a>
       <a href="#" onclick="changeImage(5);"><img src="images/5.jpg" width="50" hieght="50" /></a>
       <a href="#" onclick="changeImage(6);"><img src="images/6.jpg" width="50" hieght="50" /></a> <br/>
       <a href="#" onclick="changeImage();">Clear Back Ground Image </a>
    </div>

</body>
</html>

Changebg.js

 function changeImage(number)
 {
 $.Post('core/changebg.php',{number:number},
     function(data)
     {
      $('body').css('background-image','url("images/'+number+'.jpg")');

     });

}

function clearImage() {

  $.Get('core/changebg.php?resetBg',
    function(data) {
      $('body').css('background-image'.'');
    });


}

更改bg.php

        <?php
      if(isset($_Post['number'])) {
        SESSION_START();
        $_SESSION['image'] = $_Post['number'];

      }

       if(isset($_Get['resetBg'])) {

         SESSION_START();
         SESSION_destroy();

       }
   ?>

【问题讨论】：

标签： javascript php html css background

【解决方案1】：

您正在使用两种不存在的jQuery 方法。

将代码中的$.Post 和$.Get 替换为$.post $.get

这里有文档$.post()$.get()

您的 PHP 代码中有相同的错误。

要访问帖子并获取参数，您必须使用$_POST 和$_GET。

【讨论】：