您的位置:首页 > 其它

关AJAX的一些东西

2008-09-27 22:53 351 查看
这两天整理了一下,以前收集的一些源码。在其中发现了一个非常华丽的留言板。因为其使用了AJAX页面不需要全部刷新,感觉特别的好。
在看了一些原代码后终于明白了它的原理。原来它是在后台给服务器发信息来得到数据局部刷新面页的。页得到数据时特意使用了第三个页,自己构建回发的信息。
不得不说它使我对我在理解JAVA上有很大帮助。下面的是一些代码:
是利用JAVASCRIPT脚本来替换当前的代码.
function echo(obj,html)
{

$(obj).innerHTML=html;
}
function getdata(msg,url,obj,initJs)
{
var xmlhttp=createxmlhttp();
if(!xmlhttp)
{
alert("你的浏览器不支持XMLHTTP!!");
return;
}
xmlhttp.onreadystatechange=requestdata;
xmlhttp.open("GET",url,true);
xmlhttp.setRequestHeader("If-Modified-Since","0");
xmlhttp.send(null);
function requestdata()
{

showSysMsg(msg,"open");
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
echo(obj,xmlhttp.responseText);
showSysMsg("","close");
if(initJs!="")
{
getDataInit(initJs);
}
backDivTop();
}
}

}
}
这是在自己构建一个反回数据,这个方法有点繁琐
public string GetHeadEdit()
{
string HeadEditHtml = "";
string startValue = "";
string id = Request.QueryString["id"];
if (!clsFct.IsNumber(id) || id.CompareTo("")==0)
{
return clsFct.errorMsg("警告!禁止输入非法数据。");
}
string StrSql = "Select * From book where id=" + id;
OleDbConnection MyConn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath(g_StrConn));
try
{
MyConn.Open();
OleDbDataAdapter odAdapt = new OleDbDataAdapter(StrSql, MyConn);
DataSet DS = new DataSet();
odAdapt.Fill(DS);
DataTable DT = DS.Tables[0];
startValue = DT.Rows[0]["head"].ToString().Trim();
MyConn.Close();
}
catch
{
Response.Write(clsFct.errorMsg("数据库连接失败,请重试!"));
Response.End();
}
HeadEditHtml = HeadEditHtml + "<input name='msgHead" + id + "' type='text' size='30' maxlength='28' onblur=if(checkSpace('msgHead" + id + "')){showHint('hintHead" + id + "','R')}else{showHint('hintHead" + id + "','W')} style='white-space:pre;' value=/"";
HeadEditHtml = HeadEditHtml + clsFct.Keep(startValue,1);
HeadEditHtml = HeadEditHtml + "/" />";
HeadEditHtml = HeadEditHtml + "<span class='font_12'> <b id='hintHead" + id + "' style='font-size:14px; color:Red;'></b></span>";
return HeadEditHtml;
}

此外还可以像这样使用
<link id="cssStyle" rel="stylesheet" type="text/css" />
以后就可以在脚本用cssStyle来收用它了,这样更简单化了对于CSS样式表的更改了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: