使用jQuery / javascript进行远程轮询

时间:2012-05-26 00:19:24

标签: javascript jquery

我想让我的用户创建他们自己的民意调查,以便他们可以将我的代码粘贴到他们网站的某个地方,用户可以评价自己的游戏角色(评分为1-5星)。

我想为此目的使用jQuery或javascript,但我不知道如何开始开发类似的东西。它不应该以任何方式被欺骗,所以我想将轮询记录存储在我的数据库表(MySQL)中。

你可能对这个案子有过一些经验,所以我等你的建议。

2 个答案:

答案 0 :(得分:2)

以下是我将在坚果壳中做的事情

首先,你要在某个地方主持一个javascript文件和图像,最好是在CDN上。

其次,您需要设置一个可以通过JSONP发送和接收数据的php文件(或java或ruby或任何您喜欢的服务器端)。

从这里,您要求您的用户只需在文档头中包含远程javascript文件,并在页面上div添加一个特殊类来表示该星级评估者(对于此示例.star)。

任务:

  1. Javascript:使用您的星空图片填充<div class="star"></div>的所有实例并进行设置。

  2. Javascript:通过带有完整标识符的JSONP请求服务器的当前评级统计值(参见步骤4)。

  3. PHP:使用标识符查找到目前为止的预定星级评分,将当前平均评分返回为JSON。如果找到non,则返回JSON中的“未评级”状态。

  4. Javascript:样式明星所以它们看起来都正确无论是显示从ajax或未评级状态收到的当前评级平均值。

  5. Javascript:设置基本行为(悬停样式更改等)

  6. Javascript:为星标创建点击事件绑定。当用户点击时,您必须通过AJAX JSON向服务器发送有关评级的信息。此信息需要包括评级本身以及评估者的网址和任何其他标识符。

    类似的东西:

    {
         url : 'http://endUsersite.com/pagetoberated.html',
         starId : 'pictureOfBillMurray',
         rating : 4,
         raterIP : 192.168.1.130
         date   : UTCstringhere
    }
    
  7. Javascript:重播以显示正在进行的评分,并防止未来的点击次数受到影响。

  8. PHP:抓住JSON,处理并将其存储在mySQL中

  9. PHP:成功存储后,使用JSON响应ajax调用,说明评级成功

  10. Javascript:获得JSON的“成功回复”后,样式明星才能成功评分。

  11. PHP:流程评分以确定新的平均值。

  12. 您很可能还希望在服务器端实施某种计时系统,以防止来自同一IP地址的垃圾邮件评级。

答案 1 :(得分:0)

显然你不会看到他们的服务器端代码,但至少你会看到在客户端发送的是什么 - 存储 - 计算 - 发送。