码迷,mamicode.com
首页 > Web开发 > 详细

form表单利用iframe高仿ajax

时间:2018-11-25 00:05:18      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:分享   rip   利用   img   登录   element   for   span   inf   

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>

测试结果截图: 

技术分享图片

 

form表单利用iframe高仿ajax

标签:分享   rip   利用   img   登录   element   for   span   inf   

原文地址:https://www.cnblogs.com/wangzhaobo/p/10013943.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!