Sur Internet, nous voyons souvent différents types de vote. Aujourd'hui, nous allons jeter un œil au vote en ligne effectué par les grands fabricants. Les amis dans le besoin peuvent s'y référer.
Je regardais Youku aujourd'hui et j'ai vu un gars formidable de Youku - je suis une personne légendaire qui vote en ligne. Je suis très curieux de savoir comment ces grandes et géniales entreprises votent en ligne. J'aimerais analyser comment Youku. fait le vote en ligne.
Youku Talent--Je suis une page de vote en ligne de légende : http://c.youku.com/niuren
Choisissez un joueur au hasard, et une couche de lecture flottante apparaîtra avec un bouton de vote ci-dessus. Après avoir cliqué pour voter avec succès,
votez à nouveau Pour vous rappeler : vous avez déjà voté, veuillez voter à nouveau après une heure ! -----Il semble que ce vote soit normal, mais ce sont des phénomènes superficiels.
En utilisant Firebug, nous pouvons constater que chaque vote déclenchera une requête http
Nous pouvons mettre ce lien http :
http://minisite.youku.com/pub2/i_am_legend/vote.php? Puis-je simplement glisser mes votes ? ?
Avec curiosité, j'ai ouvert la page et trouvé le décompte des votes de ce candidat :
Ma première pensée a été que c'était très similaire au vote que je fais habituellement, alors j'ai rapidement cherché le fichier de requête ajax sur le page de liste ;
Effectivement, j'ai trouvé ceci :
http://minisite.youku.com/pub2/i_am_legend/getvote.php?page=1&callback=cc&count=8&i=0.42276474971249034C'est un très méthode getjson typique renvoyée dans jquery Les données
(j'utilise le framework jquery, Youku n'utilise pas le framework jq, mais cela s'avère être similaire), j'ai trouvé un autre code source pour cette requête :
function vTpListGet(pg, pz, t){ pg = (pg || 1); pz = (pz || 8); t = (t || false); cc = function(oList, total){ if(oList.length > 0){ var html = ""; for(var i=0;i < oList.length;i++){ html += "<ul class=\"x\">\n"; html += " <li class=\"x_thumb\"><a href=\"javascript:;\" onclick=\"vTpSet('"+oList[i].videoid+"','"+oList[i].title+"');\" title=\""+oList[i].title+"\"><img src=\""+oList[i].thumburl+"\" alt=\""+oList[i].title+"\" /></a></li>\n"; html += " <li class=\"x_title\"><a href=\"javascript:;\" onclick=\"vTpSet('"+oList[i].videoid+"','"+oList[i].title+"');\" title=\""+oList[i].title+"\">"+oList[i].title+"</a></li>\n"; html += " <li class=\"x_data\">票数:<span class=\"num\">"+oList[i].total+"</span></li>\n"; html += " <li class=\"x_btn\"><span class=\"btn\" onclick=\"vTpSet('"+oList[i].videoid+"','"+oList[i].title+"');\"></span></li>\n"; html += "</ul>\n"; } html += "<p class=\"clear\"></p>"; //alert(html); document.getElementById('videosTpList').innerHTML = html; if(t){ //显示分页 max_cnt = pz; var js_pager = new jsPager(); js_pager.init(total, pz, pg, "vTpPager"); document.getElementById('videosTpPager').style.display = ""; document.getElementById('videosTpPager').innerHTML = js_pager.getHtml(); } } }; js_request("http://minisite.youku.com/pub2/i_am_legend/getvote.php?page="+pg+"&callback=cc&count="+pz+"&i=" + Math.random()); }
function vTp(vid){ c = function(num,vid){ alert("投票成功,目前票数为:"+num+"票!"); var exp = new Date (); exp.setTime(exp.getTime() + 3600000); setCookie("nrtp", "true", exp); } if(getCookie("nrtp") != "true"){ js_request("http://minisite.youku.com/pub2/i_am_legend/vote.php?id="+vid+"&callback=c&i=" + Math.random()); }else{ alert("一小时内只能投票一次!"); return false; } }
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!