php 学习记录 formdata 文件上传 ajax html5

来源：互联网发布：项目数据分析师认证编辑：程序博客网时间：2024/06/10 06:19

formdata

<html><head><title></title><script type="text/javascript">function send(){var form = document.getElementById('form');fdata = new FormData(form);XHR = new XMLHttpRequest();XHR.open('POST','formdata.php',true);XHR.onreadystatechange=function(){if(XHR.readyState == 4){document.getElementById('response').innerHTML=XHR.responseText;}};XHR.send(fdata);}</script></head><body><form id='form'>username<input type='text' name='username'/><br />password<input type='text' name='password'/><br />age<input type='text' name='age'/><br />sex<input type='text' name='sex'/><br /><input type='button' value='申请' onclick='send();'/></form><div id='response'></div></body></html>

fileup ajax文件上传 html5

<html><head><title></title><script type="text/javascript">function up(){var file = document.getElementsByName('pic')[0].files[0];var formdata = new FormData();formdata.append('file',file);XHR = new XMLHttpRequest();XHR.open('POST','fileup.php',true);XHR.onreadystatechange=function(){if(XHR.readyState == 4){document.getElementById('response').innerHTML = XHR.responseText;}};XHR.send(formdata);}</script></head><body><input type='file' name='pic' onchange='up();'/><div id = 'response'></div></body></html>

php

var_dump($_POST);