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页面 - 开始发送数据
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
属性即可如果您不需要任何编程访问,我建议您使用许多第三方服务中的一种,如:您可以使用
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页面来获取