前台提交数据到php mysql_Ajax提交数据至PHP,并写入到MySQL

有时候,对于html上的元素,我们不能表单直接提交给PHP,或者由于动态新增不能简单的通过Form来获取新增的表单信息。

因此,就需要:

1、通过js来实现对html上元素信息的抓取。

2、然后通过{}和[]组成json形式的对象,通过jQuery中的Ajax提交给PHP页面。

3、PHP页面通过$_POST方法获取提交的json形式对象,并进行解析,进一步处理。

4、再通过mysqli对象,将PHP里处理的数据写入到数据库中。

下面我们通过一个简单的例子来实现下:

1 html简单设计

我们实现一个动态新增填写内容:

录入:学号、姓名、性别三个字段,并填写提交人信息,

最终写入mysql数据库TestDB的Students表中。

先设计一个最简单的html页面:

案例:Ajax提交Json类型对象至PHP写入mySql

新增

删除

用户名

提交

其main.css文件,进行简单配置:

body{

padding: 20px 15%;

}

ea9824a9afd1?from=singlemessage

1.png

上面的html简单的加了一个form表单(也可不用form),其中div#btn中存放了所有的按钮,div#list是我们需要动态新增的列表字段行。

2 JS按钮事件

2.1 新增按钮事件

动态新增这块我们用jQuery实现:

$(function(){

var cnt = 0;

var sex = ['男','女'];

// 新增按钮

$("#btn_add").click(function(){

cnt += 1;

$("#l

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值