我关于如何实现类似Twitter的后续/取消关注按钮,要通过本教程这个AJAX脚本如何通过post传递一个变量给PHP脚本?
http://www.9lessons.info/2009/04/exactly-twitter-like-follow-and-remove.html
。
我对AJAX也是全新的,所以当我走的时候,我很喜欢搞清楚它。
通常情况下,通过表单传递变量并将操作设置为POST,然后使用PHP进行操作。
然而在这里,还有的JavaScript的这一部分(针对以下用户)
<script type="text/javascript" >
$(function()
{
$(".follow").click(function(){
var element = $(this);
var I = element.attr("id");
var info = 'id=' + I;
$("#loading").html('<img src="loader.gif" >');
$.ajax({
type: "POST",
url: "follow.php",
data: info,
success: function(){
$("#loading").ajaxComplete(function(){}).slideUp();
$('#follow'+I).fadeOut(200).hide();
$('#remove'+I).fadeIn(200).show();
}
});
return false;
});
});
</script>
,说我们有HTML/PHP的这一部分
<?php
$sql=mysql_query("Some SQL Statement that grabs users");
while($row=mysql_fetch_array($sql))
{
$id=$row["user_id"];
?>
<div id="follow<?php echo $id;?>">
<a href="#" class="follow" id="<?php echo $id;?>">
<span class="follow_b"> Follow </span></a>
</div>
<div id="remove<?php echo $id;?>" style="display:none">
You Following <a href="#" class="remove" id="<?php echo $id;?>">
<span class="remove_b"> remove </span></a>
</div>
<?php
}
?>
什么是需要的POST变量follow.php叫?什么是“成功”,它与follow.php如何互动?
基本上它从按钮传递'id'值,然后张贴'ID = value'到'follow.php'然后'成功'运行'函数'的一个不好的例子用法,整个教程是没用的,除非你给''follow.php'&'删除。php“,这在tut中没有提及或在tut下载示例中给出 –