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


Posted in PHP onFebruary 28, 2020

本文实例讲述了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 相关文章推荐
MVC模式的PHP实现
Oct 09 PHP
服务器端解压缩zip的脚本
Dec 22 PHP
PHP中uploaded_files函数使用方法详解
Mar 09 PHP
PHP写的获取各搜索蜘蛛爬行记录代码
Aug 21 PHP
PHP面向对象——访问修饰符介绍
Nov 08 PHP
smarty获得当前url的方法分享
Feb 14 PHP
经典PHP加密解密函数Authcode()修复版代码
Apr 05 PHP
php截取指定2个字符之间字符串的方法
Apr 15 PHP
thinkPHP中验证码的简单使用方法
Dec 26 PHP
浅谈Laravel核心解读之Console内核
Dec 02 PHP
php7新特性的理解和比较总结
Apr 14 PHP
PHP中通过getopt解析GNU C风格命令行选项
Nov 18 PHP
php下的原生ajax请求用法实例分析
Feb 28 #PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
Feb 27 #PHP
php使用fputcsv实现大数据的导出操作详解
Feb 27 #PHP
gearman中任务的优先级和返回状态实例分析
Feb 27 #PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
Feb 27 #PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
Feb 27 #PHP
gearman管理工具GearmanManager的安装与php使用方法示例
Feb 27 #PHP
You might like
PHP中的float类型使用说明
2010/07/27 PHP
php计算十二星座的函数代码
2012/08/21 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
destoon复制新模块的方法
2014/06/21 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
JS 实现双色表格实现代码
2009/11/24 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
微信小程序 setData使用方法及常用错误解决办法
2017/05/11 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
2018/07/03 jQuery
vue中使用cookies和crypto-js实现记住密码和加密的方法
2018/10/18 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
Python的subprocess模块总结
2014/11/07 Python
使用Python进行二进制文件读写的简单方法(推荐)
2016/09/12 Python
python中模块查找的原理与方法详解
2017/08/11 Python
Python中*args和**kwargs的区别详解
2019/09/17 Python
给你一面国旗 教你用python画中国国旗
2019/09/24 Python
如何在python中写hive脚本
2019/11/08 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
在校硕士自我鉴定
2014/01/23 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
小小商店教学反思
2014/04/27 职场文书
2014年财务工作自我评价
2014/09/23 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
2015年财政所工作总结
2015/04/25 职场文书
同意离婚答辩状
2015/05/22 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
Python使用openpyxl模块处理Excel文件
2022/06/05 Python