您的位置：首页 > Web前端 > JavaScript

AJAX+Js实现html页面点击数自动更新

2009-06-11 00:28 826 查看

html 页代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>html页面点击数的自动更新</title>
</head>
<body >

<span id="kk"></span>
<script language="javascript" type ="text/javascript">
var xmlHttp;
if (window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
var now = new Date();

var url="articleAddBrow.aspx?cid=180";
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=yang;
xmlHttp.send(null);

function yang()
{
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
var mes= xmlHttp.responseText;
document.getElementById("kk").innerHTML=mes
}
}
}
</script>

</body>
</html>

aspx页面

using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Data.SqlClient;
public partial class AddBrow : System.Web.UI.Page
{
public string tableName;
public string item;
public int classID;
public int hot=0;

protected void Page_Load(object sender, EventArgs e)
{

classID = int.Parse(Request.QueryString["cid"].ToString());

addbrows();
}

public void addbrows()
{
DB ydy = new DB();
SqlConnection ydyconn = ydy.getcon();
ydyconn.Open();
SqlCommand ydycom = new SqlCommand("Article set Hot=Hot+1 where id='" + classID + "' ", ydyconn);
ydycom.ExecuteNonQuery();
ydyconn.Close();

ydyconn.Open();
SqlCommand ydycomd = new SqlCommand("select * from Article where id='" + classID + "' ", ydyconn);
SqlDataReader ydydr = ydycomd.ExecuteReader();
while (ydydr.Read())
{
hot = ydydr.GetInt32(8);
Response.Write(hot);
}

}

}

注意：var url="articleAddBrow.aspx?cid=180";//是向页面articleAddBrow.aspx传值，将cid=180换成cid=$$article_id$$生成页面是用数据替换模板，就ok

文章出处：DIY部落(http://www.diybl.com/course/4_webprogram/asp.net/netjs/20090316/161763.html)

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航