zoukankan      html  css  js  c++  java
  • Ajax的“旧石器”时代

    1)

    原本需要跳转页面的传输数据,后台逻辑代码操作的 一般流程。

    php中可以使用 

    header('HTTP/1.1 204 No Content') 

    利用204来表示,随后跳转的页面,没有内容,不执行跳转(但是之前请求已经执行)。

    打到不跳转页面完成逻辑代码部分。

    游览器接受到204状态,页面不跳转。


    2

    用图片加载的办法

    创建img,设置src属性,请求src对应的资源

    <script type="text/javascript">
        function Onvote(){
            var zy = document.createElement('img');
            zy.setAttribute('src','./01-vote.php');
            //zy.setAttribute('src','./jiazhi.png');
            //document.getElementById('pro').appendChild(zy);
        }
    </script>

     3.css,javascript 加载,原理与上一样


    4.iframe加载

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <title>New Document</title>
        <meta name="generator" content="EverEdit" />
        <meta name="author"    content="" />
        <meta name="keywords" content="" />
        <meta name="description" content=""    />
    </head>
    <body>
        <div id="regres"></div>
        <p>
        <form name="info" action="reg.php" method="POST" target="zyzy">
        用户名:<input name="username" type="text" />
        电邮地址:<input name="email" type="text" />
        <input name="提交" type="submit" value="注册"/>
        </form>
        <p>
        <iframe name="zyzy" ></iframe>
    </body>
    </html>
    <?php
        print_r ($_POST);
    ?>
    
    <script>
        parent.document.getElementById('regres').innerHTML = '注册成功!'
    </script>

     Ajax

    在页面不刷新的情况,利用xmlhttprequest 对服务器 发送 http请求。通过js 网络化

  • 相关阅读:
    AppiumForWin安装
    AppiumForMac安装2
    AppiumForMac安装1
    在MacOS安装puppeteer
    puppeteerExamples
    为什么总有target=_blank?
    Canvas 与 SVG
    HTML5+CSS3兼容收藏夹
    html 5 读取本地文件API
    【Web Audio API】 — 那些年的 web audio
  • 原文地址:https://www.cnblogs.com/zy2012/p/3174892.html
Copyright © 2011-2022 走看看