<p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> </p> <p class="sycode"> Post 値の転送に Ajax を使用する </p> <p class="sycode"> 次のプログラムがデバッグされ、合格しました: </p> <p class="sycode"> <head> </p> <p class="sycode"> <meta http-equiv="Content-Type" content="text/html; charset= utf-8 " /> </p> <p class="sycode"> <title>無題ドキュメント</title> </p> <p class="sycode"> </head> </p> <p class="sycode"> <script language="javascript"> </p> <p class="sycode"> function saveUserInfo() </p> <p class="sycode"> //取得受付返却情報レイヤー </p> <p class="sycode"> var msg = document.getElementByIdx_x("msg"); </p> <p class="sycode"> //フォームオブジェクトとユーザー情報の値を取得します </p> <p class="sycode"> var f = document.user_info </p> <p class="sycode"> var userName = f.user_name.value; </p> <p class="sycode"> var userAge = f.user_age.value; </p> <p class="sycode"> var userSex = f.user_sex.value; </p> <p class="sycode"> //受信フォームの URL アドレス</p> <p class="sycode"> var url = "/ajax_output.php"; POST の値は必須です。各変数は & </p> <p class="sycode"> var postStr = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex; </p> <p class="sycode"> //Ajax をインスタンス化します </p> <p class="sycode"> //var ajax = InitAjax(); </p> <p class="sycode"> var ajax = false ' ' ' ' ' ' ' を通じて「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」「スルー」 </p> から <p class="sycode"> ajax = new XMLHttpRequest(); ajax.overridemimeType("text /xml"); vexobject ("msxml2.XMLHTTP"); </p> <p class="sycode"> ajax = 新しい ActiveXObject ("Microsoft.XMLHTTP"); ajax) {// 異常、オブジェクト インスタンスの作成に失敗しました </p> Window.alert ("XMLHTTPREQUEST オブジェクトのインスタンスを作成できません。") <p class="sycode">;false false status </p> <p class="sycode"> </p> ajax. onreadystatechange = function() { <p class="sycode"> </p> // 実行ステータスが成功の場合、戻り情報を指定したレイヤーに書き込みます <p class="sycode"> </p> if (ajax.readyState == 4 && ajax.status == 200) { <p class="sycode"> </p> = ajax.responseText; <p class="sycode"> </p> } <p class="sycode"> </p> </script; > <p class="sycode"> </p> <本文 > <p class="sycode"> </p> <div id="msg"></div> <p class="sycode"> </p> <フォーム名="user_info " method ="post" action=""> <p class="sycode"> </p> 名前: <input type="text" name="user_name" /><br /> <p class="sycode"> </p> 年齢: <input type="text" name= "user_age" /><br /> <p class="sycode"> </p> 性別: <input type="text" name="user_sex" /><br /> <p class="sycode"> </p> <input type="button" value= "Submit form" onClick="saveUserInfo()"> <p class="sycode"> </p> </form> <p class="sycode"> </p> </body> <p class="sycode"> 次に、PHP ファイル ajax_output.php を作成します。 </p> <p class="sycode"> echo $_POST['user_name'] </p> <p class="sycode"> $_POST['</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
