Jquery 使用ajax保存主题更改

我有一个网站，我可以通过点击以下颜色来改变主题：

<ul>
    <li>
        <span class='red'></span>
        <span class='orange'></span>
        <span class='green'></span>
    </li>
</ul>

   <ul>
        <li>
            <span class='red  themechange' data-color='red'></span>
            <span class='orange themechange'  data-color='orange'></span>
            <span class='green themechange' data-color='green '></span>
        </li>
    </ul>

---

我不知道怎么做，希望能得到帮助：-）

试试这样的方法：

<ul>
    <li>
        <span class='red'></span>
        <span class='orange'></span>
        <span class='green'></span>
    </li>
</ul>

   <ul>
        <li>
            <span class='red  themechange' data-color='red'></span>
            <span class='orange themechange'  data-color='orange'></span>
            <span class='green themechange' data-color='green '></span>
        </li>
    </ul>

---

为列表元素获取相同的类：

<ul>
    <li>
        <span class='themechange' data-color='red'></span>
        <span class='themechange'  data-color='orange'></span>
        <span class='themechange' data-color='green '></span>
    </li>
</ul>

(function() {
$('.themechange').click(function() {
    $.ajax({
       type: "POST",
       url: "http://mydomain.com/updatetheme.php",
       data: "color=" + $(this).attr('data-color'),
       success: function(msg){
         alert( "Data Saved: " + msg );
       }
     });

（功能（）{
$（'.themechange'）。单击（函数（）{
$.ajax({
类型：“POST”，
url:“http://mydomain.com/updatetheme.php",
数据：“color=“+$（this）.attr（'data-color'），
成功：功能（msg）{
警报（“保存的数据：“+msg”）；
}
});

查看更改主题时添加的类。它可能会添加到页面正文中。如果是这样，则将该类存储到jQuery cookie中，或者您可以[通过ajax]使用php会话/cookie。然后将php会话/cookie变量添加到正文中。像这样

您必须获得颜色值并在单击事件时调用ajax


你能给我们看一下你的
.themechange
html..那是什么吗？？？.themechange什么都不是。只是我放进去的东西。我不知道放在这里什么？把class
themechange
添加到你的span标签中，比如
class='red themechange'
，同时为每个span标签添加一个
id
，并使用它们的正确名称，比如
id=“red”
然后在jquery ajax的
数据
属性中写入
数据：“color=“+$（this）.attr（'id'），
。您已设置为开始！是！！！完成了作业；-）
$(document).ready(function(){
    $("li").click(function(){

        alert('Here ajax happens with color: ' + $(this).attr("class"));
    /*
    $.ajax({
        type: "POST",
        url: "http://mydomain.com/updatetheme.php",
        data: { color: $(this).attr("class") }
        }).done(function( msg ) {
        alert( "Data Saved: " + msg );
    });
    */
    });
});