html5中 FormData api ajax使用的问题

Balalalalalalalala 2014-05-10 08:33:31

各位朋友看下面的代码：



<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="utf-8">

    <title>html5 ajax测试</title>

<script type="text/javascript">

function _send()

{

    var fm = document.getElementById('tform');

    var fd = new FormData(fm);    //把表单的文档对象给传过去

    var xhr = new XMLHttpRequest();

    xhr.open('POST', './test_post.php', true);

    xhr.onreadystatechange = function ()

    {

        if (this.readyState == 4)

        {

            document.getElementById('debug').innerHTML = this.responseText;         

        }

        //document.getElementById('debug').innerHTML = this.readyState;

    }

    xhr.send(fd);

}

</script>

</head>

<body>

<form id="tform">

<p>用户名：<input type="text" name="username" /></p>

<p>年龄：<input type="text" name="age" /></p>

<p>邮箱：<input type="text" name="email" /></p>

<p>性别：<input type="text" name="gender" /></p>

<p><input type="submit" value="ajax发送" onclick="_send();"></p>

</form>

<div id="debug">

</div>

</body>

</html>

我的test_post.php中的代码是：



<?php

print_r($_POST);

?>

在我的表单中正常输入数据后，点击提交，为什么我的：
<div id="debug">
</div>
中没有显示test_post.php中的数据，求解啊！

...全文

240 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuzuning 2014-05-11

打赏
举报

<input type="submit" value="ajax发送" onclick="_send();"> 应为 <input type="submit" value="ajax发送" onclick="return _send();"> _send 应返回 false 或 <input type="button" value="ajax发送" onclick="_send();">