Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 记录用户输入(在线)_Javascript_Html_Logging - Fatal编程技术网

Javascript 记录用户输入(在线)

Javascript 记录用户输入(在线),javascript,html,logging,Javascript,Html,Logging,我想使用最合适、最简单的技术记录用户的输入。我怎么做?我不会记录其他事情,当用户单击提交时,只记录姓名 console.log(); 这对我不起作用,因为它是本地日志记录。我想如果其他用户进入我的网站并在点击提交按钮后写下姓名,我如何记录所有用户的输入?哪种免费或付费技术适合我的目标 <!DOCTYPE html> <html> <body> <h1>The input element</h1> <form action=&

我想使用最合适、最简单的技术记录用户的输入。我怎么做?我不会记录其他事情,当用户单击提交时,只记录姓名

console.log();
这对我不起作用,因为它是本地日志记录。我想如果其他用户进入我的网站并在点击提交按钮后写下姓名,我如何记录所有用户的输入?哪种免费或付费技术适合我的目标

<!DOCTYPE html>
<html>
<body>

<h1>The input element</h1>

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "action_page.php".</p>

</body>
</html>

输入元素
名字:


姓氏:

单击“提交”按钮,表单数据将发送到 名为“action_page.php”的服务器


EDİT:我需要一个解决方案(第三方解决方案,因为有了后端,成本会很高,而不是金钱和时间成本。)没有后端。Firebase可能很好,但它不提供面板,因此在Firebase中读取数据是有问题的。我需要一个比Firebase更好的解决方案,谢谢。

您需要后端和数据库来实现这一点。最简单的实现之一是firebase身份验证。查看此页面和firebase文档

我建议您在服务器端语言中使用node with express.js,
然后,您可以轻松地将用户存储在服务器的列表中(每当服务器收到post请求时添加新用户),然后您可以记录用户或执行任何您想执行的操作

是的,我知道您提到您认为这不适合您,但是如果没有插件,这里的答案将不完整

Firebase实时数据库 我知道你说过你不想要firebase,但你应该重新考虑。我发现Firebase是一个非常容易安装的东西,您可以零成本启动并运行。事实上,他们的免费层非常慷慨,考虑到你得到的回复数量,你可能可以在免费层呆一段时间

  • :您不需要了解SQL,也不需要设置数据库或表。您只需使用免费的javascript Firebase库通过javascript发送json数据
  • :您可以拥有多达100个并发连接,1 gig的数据存储,并且永远免费—当您的数据存储容量超过此容量时,您只需升级到其合理的容量即可
  • 面板:它们确实可以让您查看数据库,您可以随时查看它。注意:这不算作带宽。当然你也有谷歌分析
  • -这将使您立即启动并运行。。。这毕竟是谷歌
安装程序 这就是全部,但基本步骤是

  • 登录google firebase(带您的google帐户)
  • 创建Firebase项目(简单)
  • 向项目注册您的网站(简单)
  • s(使用它们的CDN)和配置对象添加到html页面
  • 开始发送数据
除了配置对象之外,以下是发送NoSQL数据库所需的大部分内容

let firstname = document.querySelector('#fname').value
let surname = document.querySelector('#lname').value
let userStore = firebase.database().ref("userStore/");
userStore.set ({
      firstname: firstname,
      surname: surname
});
面板 您所需要的只是一个显示firstname、lastname和提交日期的表。这可以在一个简单的HTML页面中完成

  • 这是一个
  • 这是一个

有很多方法可以做到这一点。您提到希望访问
面板
——但实际上,只要存储的数据量最小,就不需要太多的面板。如果你从面板中指定你想要什么样的需求,我们可以在回答中考虑它。

我认为您正在寻找类似的解决方案。

  • 只需在表单中添加
    netlify
    属性即可
  • 在Netlify上使用表单托管网页
  • 检查表单提交的方式有多种:
    您可以在网站的“表单”选项卡中找到对Netlify表单的所有提交。从“活动表单”列表中选择表单名称以访问该表单的提交



    如果您不需要任何编程访问,我建议您使用许多第三方服务中的一种,如:

    您可以使用
    googleform


    用户只需转到您的链接并回答问题即可。然后,您将能够检查google帐户中的所有输入。

    我可以使用google Analytics或google Tag Manager进行检查吗?我正在寻找最简单的方法..不是身份验证,我只需要跟踪用户键入的。。认证是不需要的。我不知道他们,但firebase也来自谷歌,这是非常基本的使用,如果你检查文档,你没有问一个具体的编程问题。您需要了解HTML、CSS、JavaScript、至少一种服务器语言和一种数据库语言来编程网页。顺便说一句,大多数语言都是免费的。是的,这是一个普遍的问题,但我该怎么做呢?我只想要路线图。在访问MySQL数据库之前,我使用JavaScript的
    XMLHttpRequest
    通过
    FormData
    向PHP发送数据<代码>echo json_encode($objectOrAssocArray)将结果从PHP返回到JavaScript。很多书和在线教程都很好地介绍了这个过程。我需要一个没有后端的解决方案,因为后端解决方案对我来说很复杂。我只想在线记录两个用户输入,仅此而已。。那么后端对我来说不是一个好的解决方案,我正在寻找像Firebase这样的解决方案(可能是Google Tag Manager或Analytics-我不知道GTM或Analytics是否可行),这似乎是一个昂贵的解决方案。我想我需要第三方解决方案。你在服务器上使用哪种语言没有后端,我需要前端解决方案。不幸的是,没有后端是无法做到这一点的,但你可以使用firebase之类的轻型解决方案。基于代码,检查Mohammad他正在使用PHP。谢谢你的详细回答。我只需要一个名字和姓氏面板。当我在HTML中实现它时,Firebase将提供如下结构(),我知道,但这并不方便。我需要一个能显示所有像这样的记录的表格。我的面板应该很方便。。谢谢。创建form.html页面非常简单,您可以创建一个简单的html页面来获取