前台提交数据到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%;

}

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