1. 程式人生 > >form表單利用iframe高仿ajax

form表單利用iframe高仿ajax

html程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>若水注冊登入</title>
</head>
<body>
    <div id="regres"></div>
    <form action="02-reg.php" method="post" target="regzone">
        <p>使用者名稱: <
input type="text" name="username"></p> <p>郵件地址:<input type="text" name="email"></p> <p><input type="submit" name="註冊"></p> <iframe name="regzone"></iframe> </form> </body> </html>

PHP程式碼,02-reg.php

<?php 
echo "<pre>";
var_dump($_POST);
//經過運算,註冊成功,$reg=1
$res=1;
?>
<script>
    parent.document.getElementById('regres').innerHTML='註冊成功';
    alert('1');
</script>

測試結果截圖: