试着把这些东西组合在一起——JavaScript、HTML、PHP和重新加载内容 - Trying to put the pieces together - JavaScript, HTML, PHP and reloading content

Trying to put the pieces together - JavaScript, HTML, PHP and reloading content

我目前正在为我最近开始工作的公司建立一个CMS。我们正在用MCV结构构建CMS。熟悉JavaScript, PHP, HTML5, CSS3。我还使用JQuery构建响应式特性。

现在我必须做一个内容管理器与侧栏设置。有了这个侧边栏，你可以改变背景颜色，在主要部分的内容中添加标题或背景图像。该网站必须使用该设置自动更新(部分)内容。

我试着理解这个过程，把不同的语言重新组合在一起。例如:你更改了一个设置，例如颜色，我的流程如下:

边栏中的颜色改变了Javascript中的值。
Javascript然后在侧边栏上用HTML更新显示的值。<With a JQuery function?>
Javascript的值通过<something>发送到PHP ?
PHP用<something>
<Something>然后刷新部分内容，从而改变颜色。

每一个带引号的都是我不懂的。

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

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

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

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

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

一个jquery事件处理器被附加到一个接受用户输入的元素上。
```
$("#colorpicker").change(function() {
    // Code here.
});
```
表单元素被更改，处理程序中的代码被执行，修改了侧边栏的样式。
```
$("#sidebar").css("background-color", $(this).val());
```

一个ajax请求被发送到一个php脚本。

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

php脚本处理请求，并将其存储到某种数据库中
下次加载页面时，php会将侧边栏的初始颜色设置为您存储的颜色。但是，在您的页面再次加载之前，颜色已经为客户端改变了，不需要再做任何事情。

如果你想异步更新，你可以使用jquery函数，或者，你可以创建一个表单，然后让PHP在页面重新加载时更新颜色代码。
这是可行的，或者您可以使用1中所述的表单来实现。
jQuery的$.ajax()函数会做得很好。
. .使用PHP . .这就是它的作用。它不需要其他任何东西。
如果你只是刷新它的一部分，那么你会使用jQuery/JS，也许同时使用PHP来更新服务器。

我不知道你是否期待有人为你写所有这些代码或什么，但如果你有具体的问题，请张贴他们。这个问题很模糊。通常我们想看看你做了什么，到底是什么问题。