成都网站建设设计

将想法与焦点和您一起共享

PHP+AJAX如何实现投票器功能-创新互联

这篇文章主要为大家展示了“PHP+AJAX如何实现投票器功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“PHP+AJAX如何实现投票器功能”这篇文章吧。

创新互联主营晋宁网站建设的网络公司,主营网站建设方案,重庆APP开发公司,晋宁h5小程序定制开发搭建,晋宁网站营销推广欢迎晋宁等地区企业咨询

投票器

新建文件【 AJAX投票.html】



  
    // 这里是js代码
    function getVote(int) {
      if (window.XMLHttpRequest) {
        // 创建 XMLHttpRequest 对象
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
        xmlhttp = new XMLHttpRequest();
      } else {
        //IE6, IE5 浏览器执行的代码
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      // 监听响应
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState ==4 && xmlhttp.status == 200) {
          // 找到 id 为 poll 的控件
          document.getElementById('poll').innerHTML = xmlhttp.responseText;
        }
      }
      // 向PHP脚本传递主要参数q
      xmlhttp.open("GET", "poll_vote.php?q=" + int, true);
      xmlhttp.send();
    }
  


  
    

你喜欢吃吗?

    
      是:
      否:        

创建【poll_vote.php】脚本文件


 

结果:

                                   
是:       %     
否:       %     
 

新建一个空白的文档 【poll_result.txt】

此时目录:

|-AJAX投票.html
|-poll_vote.php
|-poll_result.txt

如果不同则需修改上面相应的代码

效果:


PHP+AJAX如何实现投票器功能
PHP+AJAX如何实现投票器功能

以上是“PHP+AJAX如何实现投票器功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


分享题目:PHP+AJAX如何实现投票器功能-创新互联
本文地址:http://chengdu.cdxwcx.cn/article/cohdjd.html

其他资讯