form表单利用iframe高仿ajax

Posted 2021-01-22 王召波

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了form表单利用iframe高仿ajax相关的知识，希望对你有一定的参考价值。

<!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>

测试结果截图:

以上是关于form表单利用iframe高仿ajax的主要内容，如果未能解决你的问题，请参考以下文章

js实现无刷新表单提交文件，将ajax请求转换为form请求方法

Django（十九）Ajax全套