jquery和php计算点击次数，并将结果发布在另一个页面中

Question

<p>which color do you prefer?</p>
<button type="button" id="redButton" value="Red"/>
<button type="button" id="greenButton" value="Green"/>
<button type="button" id="blueButton" value="Blue"/>


<p>Red => <span> 0 </span></p>
<p>Green => <span> 0 </span></p>
<p>Blue => <span> 0 </span></p>

我正在尝试制作一个包含以下问题的表单： 你更喜欢哪种颜色？ （question.html中的按钮 和结果在result.html）

可以点击回答的按钮（红色，绿色，蓝色）。

在另一个页面上，我想获取这些数据并想要检查每个按钮被点击的次数并发布（以某种方式 - 红色 - 3次点击等。）

我想用jQuery和PHP来做 - 老实说，我不太了解 关于PHP。任何人都可以帮助我吗？

Answer 1

从投票结果可以看出，这类问题在SO方面并不适合。我们通常希望您的代码显示您到目前为止所尝试的内容，并且正在针对您遇到的特定问题寻求帮助。

那就是说，如果我是你，我会使用parse.com的服务，这将让你只用javascript做到这一点。

Here is a post that will explain what you'd need to do to get setup with parse

这是显示如何保存选票的working jsFiddle

该演示的代码：

<input type="button" value="Red" class="vote"/>
<input type="button" value="Green" class="vote"/>
<input type="button" value="Blue" class="vote"/><br><br>
<div id="link"></div>


Parse.initialize("Application ID", "JavaScript key");

$('.vote').click(function(){

        // create the `Parse` object
        var ColorVote = Parse.Object.extend("ColorVote");
        var _colorVote = new ColorVote();

        // set the object's value to our button value
        _colorVote.set("color", $(this).val());

        // save the object
        _colorVote.save(null, {
          success: function(_colorVote) {
            // if the save succeeded, give link to view results
               $('#link').html('Vote saved! Please <a href="http://jsfiddle.net/DelightedDoD/ekgj2y5L/2/" target="_blank">click here</a> here to see the results of the vote so far.')
          },
          error: function(_colorVote, error) {
            // save failed, do error handeling here
            console.log('Failed to create new object, with error code: ' + error.message);
          }
        });

});

这是显示如何显示已保存投票的working jsFiddle

该演示的代码：

<div id="results"></div>


Parse.initialize("Application ID", "JavaScript key");

// create a query to search for  our `ColorVote` items
var ColorVote = Parse.Object.extend("ColorVote");
var query = new Parse.Query(ColorVote);
query.limit(1000);
query.find({
    success: function (results) {
        var red =0, green =0, blue =0;
        $.each(results, function(i,e){
            if(e.get('color')=='Blue') blue++;
            else if(e.get('color')=='Green') green++;
            else if(e.get('color')=='Red') red++;
        });
        $('#results').html('Blue - '+blue+'<br>'+'Green - '+green+'<br>'+'Red - '+red+'<br>');
    },
    error: function (error) {
        console.log("Error: " + error.code + " " + error.message);
    }
});