加入收藏 | 设为首页 | 会员中心 | 我要投稿 南通站长网 (https://www.0513zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

php中无刷新操作方式有哪些?

发布时间:2022-04-14 13:43:47 所属栏目:语言 来源:互联网
导读:php实现无刷新操作的方法有哪些?这篇文章给大家分享是关于php的无刷新操作的四种方法以及示例,具有一定的借鉴价值,大家可以参考参考,下面就跟随小编一起来看看吧。 方法一: 我们通过http的204状态码,页面不跳转。 html代码如下: !DOCTYPE HTML html l
      php实现无刷新操作的方法有哪些?这篇文章给大家分享是关于php的无刷新操作的四种方法以及示例,具有一定的借鉴价值,大家可以参考参考,下面就跟随小编一起来看看吧。
 
       方法一:
 
       我们通过http的204状态码,页面不跳转。
 
        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>
 
       方法二:
 
       利用图片加载的特性,来完成请求。
 
<!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>
 
       方法三 :
 
       利用iframe的特性
 
        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>

(编辑:南通站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读