html5 での FormData API Ajax の使用に関連する問題-PHPチュートリアル-php.cn

html5 での FormData API Ajax の使用に関連する問題

WBOY

リリース： 2016-06-13 11:57:26

オリジナル

1136 人が閲覧しました

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 のデータが

に表示されないのはなぜですか。解決してください。
------解決策--------
10行目は間違っています。newは新しいFormDataの意味です。パラメータを指定せず、生成されたオブジェクトを使用してデータを追加します
-----解決策---------

は
である必要がありますreturn _send();">
_send は false
または
を返す必要がありますbutton" value="ajax send" onclick= "_send();">