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的ASP防火墙
Oct 09 PHP
PHP 实用代码收集
Jan 22 PHP
简单的cookie计数器实现源码
Jun 07 PHP
解析:使用php mongodb扩展时 需要注意的事项
Jun 18 PHP
thinkphp3查询mssql数据库乱码解决方法分享
Feb 11 PHP
php利用反射实现插件机制的方法
Mar 14 PHP
php实现微信企业号支付个人的方法详解
Jul 26 PHP
Redis在Laravel项目中的应用实例详解
Aug 11 PHP
PHP性能分析工具xhprof的安装使用与注意事项
Dec 19 PHP
调试php程序的简单步骤
Oct 04 PHP
Laravel + Elasticsearch 实现中文搜索的方法
Feb 02 PHP
解析laravel使用workerman用户交互、服务器交互
Apr 28 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时间戳使用实例代码
2008/06/07 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
用jQuery打造TabPanel效果代码
2010/05/22 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
JS判断是否360安全浏览器极速内核的方法
2015/01/29 Javascript
原生js结合html5制作小飞龙的简易跳球
2015/03/30 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
JS实现左右拖动改变内容显示区域大小的方法
2015/10/13 Javascript
Angularjs中如何使用filterFilter函数过滤
2016/02/06 Javascript
简单理解Vue条件渲染
2016/12/03 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
详解jQuery中关于Ajax的几个常用的函数
2017/07/17 jQuery
vue移动端实现红包雨效果
2020/06/23 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
js脚本中执行java后台代码方法解析
2019/10/11 Javascript
Python中的异常处理学习笔记
2015/01/28 Python
python链接Oracle数据库的方法
2015/06/28 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
使用 HTML5 Canvas 制作水波纹效果点击图片就会触发
2014/09/15 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
《我不是最弱小的》教学反思
2014/02/23 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
公益广告标语
2014/06/19 职场文书
药剂专业求职信
2014/06/20 职场文书
工作散漫检讨书
2014/09/16 职场文书
初中生300字旷课检讨书
2014/11/19 职场文书
创业计划书之宠物店
2019/09/19 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
Python极值整数的边界探讨分析
2021/09/15 Python
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python