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开发GUI
Oct 09 PHP
php初学者写及时补给skype用户充话费的小程序
Nov 02 PHP
PHP 采集程序 常用函数
Dec 18 PHP
判断PHP数组是否为空的代码
Sep 08 PHP
php替换超长文本中的特殊字符的函数代码
May 22 PHP
php mb_substr()函数截取中文字符串应用示例
Jul 29 PHP
Yii实现自动加载类地图的方法
Apr 01 PHP
thinkPHP5.0框架URL访问方法详解
Mar 18 PHP
PHP操作Redis常用技巧总结
Apr 24 PHP
Laravel框架使用Redis的方法详解
May 30 PHP
php实现网页上一页下一页翻页过程详解
Jun 28 PHP
PHP常用函数之根据生日计算年龄功能示例
Oct 21 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开发文件系统实例讲解
2006/10/09 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
php一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
php入门学习知识点四 PHP正则表达式基本应用
2011/07/14 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
PHP基于接口技术实现简单的多态应用完整实例
2017/04/26 PHP
一个简单的JavaScript 日期计算算法
2009/09/11 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
2014/02/17 Javascript
基于jquery实现百度新闻导航菜单滑动动画
2016/03/15 Javascript
微信小程序商品详情页规格属性选择示例代码
2017/10/30 Javascript
深入理解node.js http模块
2018/01/24 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
基于vue2.0实现仿百度前端分页效果附实现代码
2018/10/30 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
Vue仿百度搜索功能
2020/12/28 Vue.js
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
打包发布Python模块的方法详解
2016/09/18 Python
深入理解 Python 中的多线程 新手必看
2016/11/20 Python
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
python使用webdriver爬取微信公众号
2018/08/31 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
python manage.py runserver流程解析
2019/11/08 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
阿迪达斯墨西哥官方网站:adidas墨西哥
2017/11/03 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
精彩的英文自荐信
2014/01/30 职场文书
文秘人员工作职责
2014/01/31 职场文书
情人节寄语大全
2014/04/11 职场文书
高中生第一学年自我鉴定
2014/09/12 职场文书
社区灵活就业证明
2014/11/03 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
python绘制简单直方图(质量分布图)的方法
2022/04/21 Python