php+xml结合Ajax实现点赞功能完整实例,xmlajax
本文实例讲述了php+xml结合Ajax实现点赞功能的方法。分享给大家供大家参考。具体如下:
使用xml、php和Ajax实现点赞功能,不需要链接数据库,使用php来修改xml的内容,使用Ajax直接或许xml的内容。
一、准备好xml:
<?xml version="1.0"?> <goodtree> <goodnode> <id>0</id> <count>17</count> </goodnode> <goodnode> <id>1</id> <count>37</count> </goodnode> <goodnode> <id>2</id> <count>67</count> </goodnode> </goodtree>
其中ID只是用来看清楚排序的,没有实际的调用作用。
二、准备好HTML
<div id="goodcount"> <span>0</span><button onclick="goodplus(0);">good+1</button> <span>0</span><button onclick="goodplus(1);">good+1</button> <span>0</span><button onclick="goodplus(2);">good+1</button> <span>0</span><button onclick="goodplus(3);">good+1</button> </div>
三、JAVASCRIPT 包括Ajax在内,还添加了判断cookie的功能
var span = document.getElementsByTagName('span'); var num; var flag = 0; for(var i = 1; i < span.length + 1; i++){ senddata(i); } function goodplus(gindex){ flag = 1; num = parseInt(span.item(gindex).innerHTML); if(checkcookie(gindex) == true){ num = num + 1; senddata(gindex); }else{ alert("你已经点过赞咯!") } } function senddata(aindex){ var xmlhttp; var txt; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); }else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function(){ if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ if(flag == 0){ xmldoc = xmlhttp.responseXML; var count = xmldoc.getElementsByTagName('count'); var span2 = document.getElementsByTagName('span'); for(var j = 0; j < count.length; j++){ span2.item(j).innerHTML = count[j].childNodes[0].nodeValue; } }else if(flag == 1){ xmldoc2 = xmlhttp.responseText; var span3 = document.getElementsByTagName('span'); span3.item(aindex).innerHTML = xmldoc2; } } } if(flag == 0){ xmlhttp.open("GET","/ajax/foodmap/index.xml"); }else{ xmlhttp.open("GET","/ajax/foodmap/index.php?num=" + num + "&aindex=" + aindex,true); } xmlhttp.send(); } //判断是否已经存在了cookie function checkcookie(gindex){ var thiscookie = 'sdcity_foodmap_goodplus' + gindex; var mapcookie = getCookie(thiscookie) if (mapcookie!=null && mapcookie!=""){ return false; }else { setCookie(thiscookie,thiscookie,365); return true; } } //获取cookie function getCookie(c_name){ //获取cookie,参数是名称。 if (document.cookie.length > 0){ //当cookie不为空的时候就开始查找名称 c_start = document.cookie.indexOf(c_name + "="); if (c_start != -1){ //如果开始的位置不为-1就是找到了、找到了之后就要确定结束的位置 c_start = c_start + c_name.length + 1 ; //cookie的值存在名称和等号的后面,所以内容的开始位置应该是加上长度和1 c_end = document.cookie.indexOf(";" , c_start); if (c_end == -1) { c_end = document.cookie.length; } return unescape(document.cookie.substring(c_start , c_end)); //返回内容,解码。 } } return ""; } //设置cookie function setCookie(c_name,value,expiredays){ //存入名称,值,有效期。有效期到期事件是今天+有效天数。然后存储cookie, var exdate=new Date(); exdate.setDate( exdate.getDate() + expiredays ) document.cookie = c_name + "=" + escape(value) + ((expiredays==null) ? "" : "; expires=" + exdate.toGMTString()) }
四、通过php来修改xml的数据,一开始调用xml的数据的时候不需要php文件。
<?php $num = $_GET['num']; echo $_GET['num']; $aindex = $_GET['aindex']; $dom=new DOMDocument('1.0'); $dom->load('index.xml'); $goodnode=$dom->getElementsByTagName('goodnode'); $goodnode = $goodnode->item($aindex); $items = $goodnode->getElementsByTagName('count'); foreach($items as $a){ $a->nodeValue = $_GET['num']; } $dom->save('index.xml'); ?>
完成。
希望本文所述对大家的php程序设计有所帮助。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

에디트플러스 중국어 크랙 버전
작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음
