html5中 FormData api ajax使用的有关问题
- WBOY원래의
- 2016-06-13 11:57:261175검색
html5中 FormData api ajax使用的问题
各位朋友看下面的代码：
<br /><!DOCTYPE html><br /><html lang="zh"><br /><head><br /> <meta charset="utf-8"><br /> <title>html5 ajax测试</title><br /><script type="text/javascript"><br />function _send()<br />{<br /> var fm = document.getElementById('tform');<br /> var fd = new FormData(fm); //把表单的文档对象给传过去<br /> var xhr = new XMLHttpRequest();<br /> xhr.open('POST', './test_post.php', true);<br /> xhr.onreadystatechange = function ()<br /> {<br /> if (this.readyState == 4)<br /> {<br /> document.getElementById('debug').innerHTML = this.responseText; <br /> }<br /> //document.getElementById('debug').innerHTML = this.readyState;<br /> }<br /> xhr.send(fd);<br />}<br /></script><br /></head><br /><body><br /><form id="tform"><br /><p>用户名：<input type="text" name="username" /></p><br /><p>年龄：<input type="text" name="age" /></p><br /><p>邮箱：<input type="text" name="email" /></p><br /><p>性别：<input type="text" name="gender" /></p><br /><p><input type="submit" value="ajax发送" onclick="_send();"></p><br /></form><br /><div id="debug"><br /></div><br /></body><br /></html><br />我的test_post.php中的代码是：
<br /><?php<br />print_r($_POST);<br />?><br />
在我的表单中正常输入数据后，点击提交，为什么我的：
中没有显示test_post.php中的数据，求解啊！
------解决方案--------------------
第十行的错了, new的new FormData 是没有参数的,然后利用生成的对象append 数据
------解决方案--------------------
应为
return _send();">
_send 应返回 false
或
button" value="ajax发送" onclick="_send();">
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：用PHP迭代器回实现一个斐波纳契数列다음 기사：php剔除数组中指定值的元素