网页中如何收集用户数据?

在做网页开发时 , 很多时候我们需要和用户进行交互 。 比如收集用户的爱好信息 , 如何实现这个功能?其实很简单 , 我们利用form表单 , 就能把用户的信息提交到服务器了 , 下面来看下怎么提交 。 操作方式 01 起首 , 我们需要在html里添加一个form控件 , 并为form控件写上action属性 , 该属性会告诉form提交到办事器的哪一个地址里的 。 代码如图

网页中如何收集用户数据?

文章插图

02 然后按照本身的需要收集的信息 , 添加一些控件 , 好比添加input , select等html控件来收集用户的名字 , 春秋 , 活动快乐喜爱等信息 。 代码如图
(要注重的是每个控件要添加一个name属性 , 我们后台需要经由过程这个name来获取值)

网页中如何收集用户数据?

文章插图

03 然后添加一个submit按钮 , 这个提交按钮放在form里时 , 只要点击了 , 就会主动把form表单提交到办事器的 。

网页中如何收集用户数据?

文章插图

04 到后台的逻辑了 , 关头是怎么获取到客户端提交过来的表单数据 。 这里以php代码为例子 , 其他说话的也差不多 , 可参考实现 。
在php里有一个全局性的数组变量 , _POST变量 , 可以获取到客户端post过来的数据 。 (我们上面的form表单是用post方式提交过来的) 。
好比春秋字段的获取 , 我们可以经由过程如许来获取 , age = _POST[‘age']; 这里的age字符就是表单春秋控件的name的値 。

网页中如何收集用户数据?

文章插图

05 领会到了上面的获取方式 , 我们把表单里的三个控件的数据都获取到 , 然后简单处置 , 直接输出到页面里 , 来看下是否能准确获取到 。 代码如图 。

网页中如何收集用户数据?

文章插图

06 运行页面 , 我们输入本身的信息 , 点击提交按钮 。

网页中如何收集用户数据?

文章插图

07 【网页中如何收集用户数据?】提交到办事器后 , 办事器收集到表单的数据 , 清算了一下后直接输出页面 , 我们可以看到收集到的数据是完全准确的 。

网页中如何收集用户数据?

文章插图



以上内容就是网页中如何收集用户数据?的内容啦 , 希望对你有所帮助哦!

    推荐阅读