PHP结合HTML5使用FormData对象提交表单及上传图片

澳门新葡亰娱乐在线,FormData
对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。

关于FormData

使用FormData对象

  • XMLHttpRequest Level 2添加了一个新的接口  —- FormData
  • 利用FormData对象,可以通过js用一些键值对来模拟一系列表单控件,可以使用XMLHttpRequest的
    send( ) 方法来异步提交表单
  • 与普通的ajax相比,使用FormData的最大优点就是可以异步上传二进制文件

1.创建一个FormData空对象,然后使用append方法添加key/value


var formdata = new FormData();
formdata.append('name','fdipzone');
formdata.append('gender','male');

FormData对象

2.取得form对象,作为参数传入到FormData对象

    • FormData对象,可以把所有表单元素的name与value组成一个queryString,提交到后台。
      在使用ajax提交时,使用FormData对象可以减少拼接queryString的工作量
    • queryString是查询字符串,http查询字符串由url中?后面的值指定
    • 当页面上的form以GET方式向页面发送请求数据时
      (如数据含有不安全字符,则浏览器先将其转换成16进制的字符再传送,如空格被转换成%20时
      ) ,web server 将请求数据放入一名为QUERY_STRING的环境变量中。  
       Request.QueryString
       方法是从这一环境变量中取出相应的值,并将被转成16进制的字符还原
<form name="form1" id="form1">
<input type="text" name="name" value="fdipzone">
<input type="text" name="gender" value="male">
</form>

var form = document.getElementById('form1');
var formdata = new FormData(form);

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图