asp如何用ajax技术实现无刷新更新数据
就像留言板，当未点击留言内容的时候，它的状态显示未查看，当点击这个留言内容时，它的状态由“未查看”更新为“已读”，这个过程不要刷新页面，而是当点击链接时，数据字段就自动更...
就像留言板，当未点击留言内容的时候，它的状态显示未查看，当点击这个留言内容时，它的状态由“未查看”更新为“已读”，这个过程不要刷新页面，而是当点击链接时，数据字段就自动更新。哪位高手会，帮忙指教指教，谢啦！
展开
2个回答
展开全部
// 使用jquery库
// 客户端的脚本
function ajaxsave(id){
var url,data;
url="server.asp";//这里是你的服务器文件
data={action:"isread",id:id};
$.post(url,data,function(result){
if(result=="1"){
document.getElementById('obj').value="已读";
}
else{
document.getElementById('obj').value="未查看";
}
});
}
//========下面是server.asp页面代码=============
dim action
action=request.form("action")
if action="isread" then
call DoRead()
end if
sub DoRead()
dim id
id=request.form("id")
// 这里添加你执行的代码
if true then // 已读
response.write("1")
else
response.write("-1")
end if
end sub
// 客户端的result就在你server.asp的respose.write的内容
// 客户端的脚本
function ajaxsave(id){
var url,data;
url="server.asp";//这里是你的服务器文件
data={action:"isread",id:id};
$.post(url,data,function(result){
if(result=="1"){
document.getElementById('obj').value="已读";
}
else{
document.getElementById('obj').value="未查看";
}
});
}
//========下面是server.asp页面代码=============
dim action
action=request.form("action")
if action="isread" then
call DoRead()
end if
sub DoRead()
dim id
id=request.form("id")
// 这里添加你执行的代码
if true then // 已读
response.write("1")
else
response.write("-1")
end if
end sub
// 客户端的result就在你server.asp的respose.write的内容
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>AJAX之加法运算示例</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function addNumber()
{
createXMLHttpRequest();
var url= "Handler.ashx?Num1="+document.getElementById("num1").value+"&Num2="+document.getElementById("num2").value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
}
function showResult()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("result").value=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="text-align: center">
<input id="num1" style="width: 99px" type="text" value="0" onkeyup="addNumber();" />+<input id="num2" style="width: 95px"
type="text" value="0" onkeyup="addNumber();" />=<input id="result" style="width: 99px" type="text" /></div>
</form>
</body>
</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 runat="server">
<title>AJAX之加法运算示例</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function addNumber()
{
createXMLHttpRequest();
var url= "Handler.ashx?Num1="+document.getElementById("num1").value+"&Num2="+document.getElementById("num2").value;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=showResult;
xmlHttp.send(null);
}
function showResult()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("result").value=xmlHttp.responseText;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="text-align: center">
<input id="num1" style="width: 99px" type="text" value="0" onkeyup="addNumber();" />+<input id="num2" style="width: 95px"
type="text" value="0" onkeyup="addNumber();" />=<input id="result" style="width: 99px" type="text" /></div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
