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 相关文章推荐
用文本文件制作留言板提示(上)
Oct 09 PHP
浅析PHP递归函数返回值使用方法
Feb 18 PHP
php获取文件内容最后一行示例
Jan 09 PHP
在PHP中运行Linux命令并启动SSH服务的例子
Jun 12 PHP
几道坑人的PHP面试题 试试看看你会不会也中招
Aug 19 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
Aug 22 PHP
PHP可变函数学习小结
Nov 29 PHP
PHP简单实现无限级分类的方法
May 13 PHP
php  PATH_SEPARATOR判断当前服务器系统类型实例
Oct 28 PHP
PHP长连接实现与使用方法详解
Feb 11 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
May 05 PHP
php TP5框架生成二维码链接
Apr 01 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获取文件相对路径的方法
2015/02/26 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
简述php环境搭建与配置
2016/12/05 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
JQuery实现动态操作表格
2017/01/11 Javascript
利用NPM淘宝的node.js镜像加速nvm
2017/03/27 Javascript
vue 的keep-alive缓存功能的实现
2018/03/22 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
在PyCharm环境中使用Jupyter Notebook的两种方法总结
2018/05/24 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
攻击者是如何将PHP Phar包伪装成图像以绕过文件类型检测的(推荐)
2018/10/11 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
写给女生的道歉信
2014/01/08 职场文书
活动邀请函范文
2014/01/19 职场文书
九月份红领巾广播稿
2014/01/22 职场文书
《小池塘》教学反思
2014/02/28 职场文书
给学校建议书范文
2014/05/13 职场文书
干部对照检查材料范文
2014/08/26 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
公司人力资源管理制度
2015/08/05 职场文书
小学语文教学随笔
2015/08/14 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
PostgreSQL出现死锁该如何解决
2022/05/30 PostgreSQL