• Ajax效果


    Ajax的效果就是不通过网页的跳转,就可以通过请求,就可以自动加载某个网页,在注册帐号时,经常
    
    不通过网页跳转从数据库中查看是否有相同数据的出现,确认是否能够正确注册
    
    下面是用其他方式实现ajax的效果
    
    1,用http 204属性,强制不跳转
    
    投票页
    
    <html>
    <head>
    <title>投票网</title>
    </head>
    <body>
    <div style="100px; height:100px; background:red; font-size:20px">这是投票的内容</div>
    <a href="02.php">投票</a>
    </body>
    </html>
    
    接收页面
    <?php
    header('HTTP/1.1  204  No Content');
    $cnt=file_get_contents('res.txt');
    $cnt+=1;
    file_put_contents('./res.txt',$cnt);
    ?>
    
     
    2,使用图片加载特性,实现页面不跳转
    
    <html>
    <head>
    <title>投票网</title>
    <script type="text/javascript">
    function toupiao(){
    	var img=document.createElement('img');//创建img标签
    	img.setAttribute('src','./02.php');//设置图片地址为请求页面,实现自动请求
    }
    </script>
    </head>
    <body>
    <div style="100px; height:100px; background:red; font-size:20px">这是投票的内容</div>
    
    <input type="button" value="投票" onclick="toupiao();"/>
    </body>
    </html>
    
    3,利用css和js的方式实现
    
    4,利用iframe框架的特性实现
    <html>
    <head>
    <title>投票网</title>
    </head>
    <body>
    <div id="regs"></div>
    <div style="100px; height:100px; background:red; font-size:20px">这是投票的内容</div>
    <form action="03.php" method="post" target="reg">
    <p>用户名:<input type="text" name="username"></p>
    <p>密码:<input type="password" name="psw"></p>
    <p><input type="submit" value="注册"></p>
    </form>
    <iframe width="0" height="0" frameBorder="0" name="reg"></iframe>
    </body>
    </html>
    
    03.php
    
    <script type="text/javascript">
    parent.document.getElementById("regs").innerHTML="注册成功";
    </script>
    
  • 相关阅读:
    帮你拿下 Java 面试题!
    JavaGUI编程的宿世此生
    从事Java开发可以往那些方面发展
    java初学者都要掌握的案例
    两数之和(java)
    2020年java就业前景
    300 行代码带你秒懂 Java 多线程!
    安卓程序员如何快速入门后端开发常识
    连夜整理的Java开源项目,有后台管理类、商城类、秒杀类、支付类
    Java面试题及答案,2020年最新面试题集合
  • 原文地址:https://www.cnblogs.com/lzzhuany/p/4859542.html
Copyright © 2020-2023  润新知