首页 > 后端开发 > php教程 > html5中 FormData api ajax使用的有关问题

html5中 FormData api ajax使用的有关问题

WBOY
发布: 2016-06-13 11:57:26
原创
1172 人浏览过

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();">
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板