• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    php的无刷新操作实现方法分析

    本文实例讲述了php的无刷新操作实现方法。分享给大家供大家参考,具体如下:

    方法一:

    我们通过http的204状态码,页面不跳转。

    1.html代码如下:

    !DOCTYPE HTML>
    html lang="zh-CN">
    head>
      meta charset="UTF-8">
      title>/title>
    /head>
    body>
      a href="./add.php" rel="external nofollow" >投票/a>
    /body>
    /html>
    
    

    add.php代码如下:

    ?php
    $num = file_get_contents('./num.txt');
    $num = intval($num) + 1;
    file_put_contents('./num.txt', $num);
    
    header('HTTP/1.1 204 No Content');
    
    

    方法二:

    利用图片加载的特性,来完成请求。

    !DOCTYPE HTML>
    html lang="zh-CN">
    head>
      meta charset="UTF-8">
      title>/title>
    /head>
    body>
      input type="button" value="投票" id="addBtn" />
      div id="request">/div>
    /body>
    script type="">
      var addBtn = document.getElementById("addBtn");
      addBtn.onclick = function() {
        //创建img标签
        var img = document.createElement("img");
    
        //设置标签src属性
        img.setAttribute("src", "add.php");
        document.createElement("request").appendChild(img);
      };
    /script>
    /html>
    
    

    方法三:

    利用css,javascript的加载特性,完成请求,原理与img加载一样。

    方法四:

    利用iframe的特性

    2.html代码如下:

    !DOCTYPE HTML>
    html lang="zh-CN">
    head>
      meta charset="UTF-8">
      title>/title>
    /head>
    body>
      form action="ret.php" method="post" target="request">
        用户名:input type="text" name="uname" value="" />
        密码:input type="password" name="upwd" value="" />
        input type="submit" name="submit" value="提交" />
      /form>
      iframe width="0" height="0" frameborder="0" name="request">/iframe>
      div id="result">/div>
    /body>
    /html>
    
    

    ret.php代码如下:

    ?php
    $uname = !empty($_POST['uname']) ? $_POST['uname'] : '';
    $upwd = !empty($_POST['upwd']) ? $_POST['upwd'] : '';
    
    if($uname == 'admin'  $upwd == '123456') {
      echo "script>parent.document.getElementById('result').innerHTML='OK';/script>";
    } else {
      echo "script>parent.document.getElementById('result').innerHTML='NO';/script>";
    }
    
    

    我们通过设置form提交的target到iframe,使表单无跳转。

    ajax能实现文件上传吗?

    分析,文件上传,是需要客户端把文件内容发送到服务器,也就是XHR对象在POST数据时,把文件内容也发送给服务器。
    也就是XHR对象能够获取你要上传的文件内容,但是出于安全的考虑,JS是无法获取本地文件内容的。

    ajax插件是如何实现文件上传的?

    1、iframe
    2、flash实现,如swfupload
    3、html5 (添加了文件读取api,使ajax上传文件成为可能。)

    更多关于PHP相关内容可查看本站专题:《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

    希望本文所述对大家PHP程序设计有所帮助。

    您可能感兴趣的文章:
    • php+ajax实现无刷新动态加载数据技术
    • php+html5实现无刷新图片上传教程
    • PHP+ajax 无刷新删除数据
    • php+ajax实现无刷新分页的方法
    • AJAX PHP无刷新form表单提交的简单实现(推荐)
    • PHP+AJAX实现无刷新注册(带用户名实时检测)
    • PHP Ajax实现页面无刷新发表评论
    • PHP Ajax实现页面无刷新发表评论
    • ajax实现无刷新分页(php)
    • php ajax无刷新分页,支持id定位
    • PHP+Ajax无刷新带进度条图片上传示例
    上一篇:php下的原生ajax请求用法实例分析
    下一篇:php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    php的无刷新操作实现方法分析 php,的,无,刷新,操作,实现,