jquery实现 顶 一下无刷新页面刷新数据

  当下很多论坛和博客在正文的底部都有一个“顶”或者“支持”的按钮，用以显示用户对该文的态度，通常用户点击“顶”或者“支持”,数据实时更新，但是不刷新页面，这是怎么实现的呢？用jquery+ajax能很好实现这个功能.

1)首先，写好前端html代码:

<input type="button" οnclick="SupportClick()" value="支持一下"/>

这是一个按钮，用户点击按钮，会触发js脚本的SupportClick函数

2）SupportClick（）函数：

//响应点击 ‘支持一下’
function SupportClick()
{
　　var gameid = $("#gameid").val();
　　$.ajax({
　　url:host+'game_support', //提交给后台的url
　　data:{gameid:gameid},  //参数
　　success:function(data){ //成功后，返回数据
　　$("#supportCount")[0].innerHTML = data; //更新数据
}
})
}

3)后台编写方法，对用户提交的数据进行更新或者插入操作。

 

转载于:https://www.cnblogs.com/soothing/archive/2011/12/08/2281070.html