Javascript 如何从没有数据库的另一个页面创建使用HTML表单更新的页面？_Javascript_Html

Javascript 如何从没有数据库的另一个页面创建使用HTML表单更新的页面？

javascript html

Javascript 如何从没有数据库的另一个页面创建使用HTML表单更新的页面？,javascript,html,Javascript,Html,这就是我要找的。我不知道如何编写代码，并且已经阅读了许多其他类似的问题我想要的是一个母版页，在不使用数据库和PHP的情况下更新另一个母版页。这是因为我无法获得这样的资源，因为这是我在自己的时间里所做工作的一个附带项目这就是我在脑海中的计划表单页面每个标题有2个单选按钮。它代表着去和停。用户可以选择任一单选按钮并提交表单显示页面将显示与所选单选按钮对应的标题和所选图像。当从表单页面提交新的更新时，当页面内容发生变化时，也必须对其进行更新。此页面将对多个用户可见，并对所有用户进行更新所以我

这就是我要找的。我不知道如何编写代码，并且已经阅读了许多其他类似的问题

我想要的是一个母版页，在不使用数据库和PHP的情况下更新另一个母版页。这是因为我无法获得这样的资源，因为这是我在自己的时间里所做工作的一个附带项目

这就是我在脑海中的计划

表单页面每个标题有2个单选按钮。它代表着去和停。用户可以选择任一单选按钮并提交表单

显示页面将显示与所选单选按钮对应的标题和所选图像。当从表单页面提交新的更新时，当页面内容发生变化时，也必须对其进行更新。此页面将对多个用户可见，并对所有用户进行更新

所以我想知道的是，这是否可行，或者我是否需要获得更多的访问权限来开发数据库和运行PHP

提前谢谢

当你说“没有数据库，没有使用php”时，听起来你实际上是指“没有任何类型的服务器端脚本”；i、例如，只使用HTML和JavaScript，这样您就可以在后端使用一个简单的静态HTTP文件服务器

如果一个用户的操作必须影响另一个用户的状态（即他们在网页上看到的内容），则这是不可能的，例如在您描述的场景中：

用户A加载主页，并看到图1

用户B加载辅助页面，从下拉列表中选择“2”，然后提交表单

用户A重新加载主页，并看到图2

如果只涉及一个用户，您就可以使用javascript cookie或localstorage。您描述的场景要求用户B的操作必须以新状态的形式传达给用户A。每个用户的客户端（浏览器）只知道如何与服务器通信。客户机之间没有直接通信的机制。因此，服务器必须存储状态并为更改状态提供端点

在我看来，为您描述的需求创建概念验证服务器的最快、最简单的方法是使用。为了快速演示，您可以避开数据库，只使用一个全局变量。如果您决定需要一个数据库，那么它已经包含在标准python安装中。它非常轻巧、灵活，非常适合制作原型

下面是一个完整的python flask演示服务器，它完成了您试图完成的任务。您可以使用它而不是通常的HTTP服务器

server.py

from flask import Flask, escape, request, render_template

app = Flask(__name__)
image = '1'

@app.route('/')
def main():
    global image

    return render_template('index.html', image=image)

@app.route('/config/', methods=['GET', 'POST'])
def config():
    global image

    if request.method == 'POST':
        image = request.form['image']

    return render_template('config.html', image=image)

模板/index.html

<!doctype html>
<title>Main Page</title>
<img src="/static/{{ image }}.jpg" alt="image" />

<!doctype html>
<title>Config Page</title>
<form method="POST">
  <input type="radio" name="image" value="1">
  <input type="radio" name="image" value="2">
  <input type="submit" value="save">
</form>

要安装烧瓶：

pip install flask

要运行服务器（从存储

server.py

的同一目录运行）：

要查看网页，请执行以下操作：

http://localhost:5000/
http://localhost:5000/config/

这个“显示页面”究竟如何知道何时提交了新的单选按钮设置？您需要在服务器上存储一些内容，以指示选择了哪个单选按钮。无论是数据库还是简单的平面文件，或者是memcached key=value，不管怎样，您仍然需要一些能够有效地充当非常特定的单值数据库存储系统的东西。“提交”在根本没有服务器的情况下是一个不正确的术语。也许是“点击”。此外，在自己的浏览器之外，没有人会看到任何只在那里发生的更新。谢谢，我想我已经找到了答案。我将尝试使用带有csv或txt文件的PHP。谢谢你的评论。嗨，如果我创建了一个txt文件并将其存储在同一个目录中，我应该仍然能够使用PHP？当然可以，但是你必须编写代码来手动存储和读取数据。这是一个巨大的潜在安全漏洞。@user1557936所以，嗯。。。六年过去了，但我已经写了这个答案。同样的结论，但还有更多的上下文和一个示例，说明如何使用十几行python代码实现这种效果。

FLASK_APP=server.py flask run

http://localhost:5000/
http://localhost:5000/config/