AJAX和JS for LIKE Button

我正在尝试学习如何在我的网站上为LIKE按钮制作一个AJAX脚本。 我有以下问题：

如果我发送1变量…. id ..我这样做

data: "action=vote_up&id="+(this).attr("id")", 

如果我发送两个变量id和id1，这在语法上是否正确？

  data: "action=vote_up&id="+(this).attr("id")&id1="+(this).attr("id1")", 

2）什么进入href属性？ php页面还是AJAX？

3）首先运行.. php页面或AJAX。 4）我是否必须使用jQuery或Pure Javascript来运行AJAX

感谢您的时间和耐心。 我最欣赏它。

Answer 1

在该链接上放置onclick事件，并在成功响应更新计数点击按钮时使AJAX请求增加计数。 而你忘记了一件事，你应该保存该按钮的状态。 因为一个用户可以访问您的站点并在其上单击1000次。

Answer 2

1）是的，您可以简单地将其视为对脚本的PHP-Get请求，因此可以使用多个变量，就像Adam提到的那样。

2）为了向后兼容，你应该只链接到提供相同function但不依赖于javascript的PHP / whatever-Script（并非所有人都启用了js）。 在您的javascript中，您只需禁用defult click actione（请参阅： http ：//api.jquery.com/event.preventDefault/），否则您只想在启用js时允许类似function，而不是只能链接到页面锚’＃’。

3）页面首先运行。 它由服务器进行，​​然后发送到您的浏览器。 在浏览器中，收到的javascript将开始其操作。

4）你在jquery中使用的所有内容都基于简单的javascript函数，但是jquery更舒服;）jquery的ajax方法的等价物是XMLHttpRequest（ http://www.w3schools.com/xml/xml_http.asp ）

Answer 3

这是一个想法，希望它有所帮助。

如果handle_vote.php是负责处理向上投票的URL，则必须做两件事：

1. a href是带有查询字符串的URL，用于向上投票，您的数据就是这种情况。 必须为您的服务器应用程序生成它。 它将在没有javascript的情况下使用。

2. 你应该把事件放在a onclick事件中处理up up，发送ajax请求，并使用preventDefault jQuery函数来避免默认事件。 在这种情况下，永远不会使用a href ，js将禁止链接点击。

在你的php页面中，代码示例几乎就是这样：

它作为你的jQuery脚本：

 $(function() { $('a.like').on('click', function(e) { e.preventDefault(); $.get($(this).attr("href")); }); }); 

您可以根据自己的喜好进行个性化设计，这只是如何实现的。