尝试将这些片段组合在一起—JavaScript、HTML、PHP和重新加载内容

我目前正在为我最近开始工作的一家公司建立CMS。我们正在用MCV结构建造CMS。我熟悉JavaScript、PHP、HTML5和CSS3。我还使用JQuery构建响应性功能

现在我要做一个内容管理器，它有一个带有设置的边栏。使用该侧边栏，您可以更改背景颜色，将标题或背景图像添加到主部分的内容中。网站必须使用该设置自动更新（部分）内容

我试图理解这个过程，并将不同的语言重新组合在一起。例如：更改设置（例如颜色），我的过程如下：

侧边栏中的颜色会更改Javascript中的值

Javascript然后更新侧边栏上显示的HTML值<代码>

Javascript的值通过

发送到PHP

然后，PHP使用

然后刷新部分内容，从而更改颜色

每一个带引号的地方都是我不明白的

这个过程是如何进行的？用什么更新浏览器，AJAX

我不知道在哪里问这个问题，所以如果你能填补一些空白，我将非常感谢

编辑 产生这个问题的一个例子是：

我可以将一个元素从左栏拖到页面中。这将添加一个带有Javascript的PHP函数，该函数将带有文本的列的HTML部分回显到主页面上。我已经用PHP创建了元素，JavaScript已经存在了。现在我添加了一个设置栏，它可以生成按钮和设置，这些设置可以改变元素的外观。我已经用PHP创建了这个侧栏。 我了解PHP如何从数据库中获取值并将其生成HTML。我了解如何使用JavaScript在HTML中定位ID或类。然而，我不明白，你如何才能大规模有效地做到这一点。就像在CMS中一样

如果要异步执行更新，可以使用jquery函数，或者，可以创建一个执行此操作的表单，然后让PHP在页面重新加载时更新颜色代码

这是可行的，或者您可以使用1中所述的表单

jQuery的

$.ajax（）

函数将很好地实现

…使用PHP。。这就是它的目的。它不需要任何其他东西

如果您只是刷新了其中的一部分，那么您可能会使用jQuery/JS，同时使用PHP更新服务器

---

我不知道你是否希望有人为你写这些代码，或者是什么，但是如果你有具体的问题，请发出来。这个问题很模糊。通常情况下，我们希望看到您尝试了什么以及问题出在哪里。

有很多方法可以做到这一点。这只是这个过程可能的一种方式

事件处理程序附加到接受用户输入的元素

$("#colorpicker").change(function() {
    // Code here.
});

表单元素被更改，处理程序中的代码被执行，从而修改侧栏的样式

$("#sidebar").css("background-color", $(this).val());

请求被发送到脚本

脚本处理请求，并将其存储到某种类型的数据库中

下次加载页面时，将边栏的初始颜色设置为存储的颜色。但是，在再次加载页面之前，客户端的颜色已经改变，不需要做更多的事情

---

我想了解的是过程。我可以很好地编程大部分部分，我只想知道如何将所有部分连接在一起。我目前正在使用JQuery，但我认为少量的选择器可能还不够。我什么都能学。我只需要一个指向正确方向的指针。通过了解这一切是如何一起工作的，我可以看到我是什么missing@Abayob我很想帮你，伙计，但就像我说的，你的问题非常模糊。你能把问题缩小到一个具体的问题吗？谢谢！我加了一个例子。

var color = $(this).val();

$.ajax({
    method: "POST",
    url: "change_sidebar.php",
    data: { color : color }
});