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极大的增强功能和性能
Oct 09 PHP
php explode函数实例代码
Feb 27 PHP
利用php获取服务器时间的实现代码
Jun 07 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
Nov 13 PHP
php对二维数组进行排序的简单实例
Dec 19 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
Nov 03 PHP
php中删除数组的第一个元素和最后一个元素的函数
Mar 07 PHP
php 解决扫描二维码下载跳转问题
Jan 13 PHP
PHP中file_put_contents追加和换行的实现方法
Apr 01 PHP
PHP用函数嵌入网站访问量计数器
Oct 27 PHP
workerman结合laravel开发在线聊天应用的示例代码
Oct 30 PHP
PHP PDOStatement::getAttribute讲解
Feb 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+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
php数组函数序列之array_splice() - 在数组任意位置插入元素
2011/11/07 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
vue实现Excel文件的上传与下载功能的两种方式
2019/06/28 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
2020/03/10 Javascript
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
Python中自定义函数的教程
2015/04/27 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
Python实现AI换脸功能
2020/04/10 Python
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
美国宠物用品网站:Value Pet Supplies
2018/03/17 全球购物
几个判断型的面试题
2012/07/03 面试题
Java面试题:为什么要用Java
2012/05/11 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
工艺工程师工作职责
2013/11/23 职场文书
数控个人求职信范文
2014/02/03 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
乐观自信演讲稿范文
2014/05/21 职场文书
国庆宣传标语
2014/06/30 职场文书
四风查摆问题自查报告
2014/10/10 职场文书
邀请函格式范文
2015/02/02 职场文书
煤矿安全保证书
2015/02/27 职场文书
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
CSS的calc函数用法小结
2022/06/25 HTML / CSS