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 相关文章推荐
php统计文件大小,以GB、MB、KB、B输出
May 29 PHP
基于php split()函数的用法详解
Jun 05 PHP
PHP函数strip_tags的一个bug浅析
May 22 PHP
PHP实现图片旋转效果实例代码
Oct 01 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
Nov 17 PHP
PHP判断浏览器、判断语言代码分享
Mar 05 PHP
php通过asort()给关联数组按照值排序的方法
Mar 18 PHP
Smarty最简单实现列表奇偶变色的方法
Jul 01 PHP
PHP添加图片水印、压缩、剪切的封装类
Aug 17 PHP
PHP二维索引数组的遍历实例分析【2种方式】
Jun 24 PHP
PHP如何将图片文件上传到另外一台服务器上
Aug 26 PHP
PHP如何使用array_unshift()在数组开头插入元素
Sep 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 Header用于页面跳转要注意的几个问题总结
2008/10/03 PHP
PHP IF ELSE简化/三元一次式的使用
2011/08/22 PHP
深入PHP数据缓存的使用说明
2013/05/10 PHP
yii的CURD操作实例详解
2014/12/04 PHP
PHP中COOKIES使用示例
2015/07/26 PHP
PHP之密码加密的几种方式
2015/07/29 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
学习PHP Cookie处理函数
2016/08/09 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
定义select的边框颜色
2008/04/28 Javascript
js里的prototype使用示例
2010/11/19 Javascript
javascript之典型高阶函数应用介绍二
2013/01/10 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
2014/06/20 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
详解nodejs 文本操作模块-fs模块(三)
2016/12/22 NodeJs
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
微信小程序图片自适应实现解析
2020/01/21 Javascript
pycharm远程调试openstack的图文教程
2017/11/21 Python
一道python走迷宫算法题
2018/01/22 Python
python实现京东秒杀功能
2018/07/30 Python
python学生信息管理系统(完整版)
2020/04/05 Python
python函数定义和调用过程详解
2020/02/09 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
python 使用递归的方式实现语义图片分割功能
2020/07/16 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
资产经营总监岗位职责
2013/12/04 职场文书
股票投资建议书
2014/05/19 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
新员工入职感想
2015/08/07 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书