您的位置：首页 > 编程学习 > > 正文

php 处理html表单（PHP使用HTML5 FormData对象提交表单操作示例）

更多时间：2022-01-20 00:55:16 类别：编程学习浏览量：562

php 处理html表单

PHP使用HTML5 FormData对象提交表单操作示例

本文实例讲述了php使用html5 formdata对象提交表单操作。分享给大家供大家参考，具体如下：

这是html5中新增的一个api，他能以表单对象作为参数，自动的把表单的数据打包，当ajax发送数据时，发送这个formdata对象，以达到发送表单数据的目的。

创建：

参数是一个form节点对象

1 2	`var` `fm = document.getelementbyid('formid');` `var` `fd =` `new` `formdata(fm);`

优点：

（1）在以往的ajax做post请求时，当提交的数据比较多时，需要拼接请求的字符串，如：k1=v1&k2=v2...，使用formdata对象时不需要这样，可以节省工作量，也防止人为拼写错误。

（2）formdata对象不仅可以读取表单的数据，也可以自行追加数据

1	`fd.append(name,value);`

案例：

提交表单

效果图：

php 处理html表单（PHP使用HTML5 FormData对象提交表单操作示例）

文件结构图：

php 处理html表单（PHP使用HTML5 FormData对象提交表单操作示例）

10-formdata.html文件：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43 <!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="x-ua-compatible" content="ie=edge">

<title>formdata使用</title>

<link rel="stylesheet" href="">

</head>

<script>

/**

* fromdata:表单数据对象

* 这是html5中新增的一个api

* 他能以表单对象作为参数，自动的把表单的数据打包

* 当ajax发送数据时，发送这个formdata

* 达到发送表单内数据的目的

*/

function send(){

var fm = document.getelementbyid('tform');

var fd = new formdata(fm);//创建formdata对象

var xhr = new xmlhttprequest();//创建xhr对象

xhr.open('post','10-formdata.php',true);//配置请求参数

//设置状态回调函数

xhr.onreadystatechange = function (){

if(this.readystate == 4 && this.status == 200){

document.getelementbyid('debug').innerhtml = this.responsetext;

}

}

//说明formdata对象不仅可以读取表单的数据，也可以自行追加数据

fd.append('single',false);

xhr.send(fd);//发送请求

}

</script>

<body>

<form id="tform">

用户名：<input type="text" name="username"/><br/>

年龄：<input type="text" name="age"/><br/>

邮箱：<input type="text" name="email"/><br/>

性别：<input type="text" name="sex"/><br/>

<input type="button" value="ajax发送" onclick="send();"/>

</form>

<li id="debug"></li>

</body>

</html>

10-formdata.php文件：

1

2

3

4

5

6

7 <?php

/**

* 使用formdata提交表单

* @author webbc

*/

print_r($_post);

?>

希望本文所述对大家PHP程序设计有所帮助。

原文链接：https://blog.csdn.net/baochao95/article/details/52799761

标签：PHP 提交表单 Html5 formdata

上一篇：thinkphp权限认证怎么用（ThinkPHP框架结合Ajax实现用户名校验功能示例）

下一篇：如何在php内加密解密（PHP中散列密码的安全性分析）

您可能感兴趣

php 处理html表单（PHP使用HTML5 FormData对象提交表单操作示例）

php 处理html表单

热门推荐

排行榜