首页 > Web开发 > 详细

Ajax发送FormData对象封装的表单数据

时间:2015-10-11 16:31:25      阅读:257      评论:0      收藏:0      [点我收藏+]

前端页面:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>formdata对象封装表单数据</title>
<script type="text/javaScript">

function send(){
	var xhr=new XMLHttpRequest();
	xhr.open(‘POST‘,‘./01.php‘,true);//异步传输
	xhr.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);
	var fm=document.getElementsByTagName(‘form‘)[0];
	var fd=new FormData(fm);
	xhr.onreadystatechange=function(){
		if(this.readyState==4){
			document.getElementById(‘username‘).innerHTML=xhr.responseText;
		}
	}
	fd.append(‘act‘,‘zhuce‘);
	xhr.send(fd);

}
</script>
 </head>
 <body>
	<form action="./01.php" method="post">
		<p>用户名:<input type="text" name="username"/><span id="username"></span></p>
		<p>密码:<input type="password" name="pwd"/></p>
		<p>邮箱地址:<input type="text" name="eamil"/></p>
		<input type="button" value="注册" onclick="send()">
	</form>
 </body>
</html>

 php接收页面

<?php
print_r($_POST);
$name=Array(‘test111‘,‘admin‘,‘Admin‘);
if(isset($_POST)){
	if(in_array($_POST[‘username‘],$name)){
		echo ‘用户名已经注册‘;
	}else{
		echo ‘可以注册‘;
	}
}
?>

 出现以下错误

技术分享

解决。。。

Ajax发送FormData对象封装的表单数据

原文:http://www.cnblogs.com/lzzhuany/p/4869332.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!