关AJAX的一些东西

    这两天整理了一下,以前收集的一些源码。在其中发现了一个非常华丽的留言板。因为其使用了AJAX页面不需要全部刷新,感觉特别的好。
    在看了一些原代码后终于明白了它的原理。原来它是在后台给服务器发信息来得到数据局部刷新面页的。页得到数据时特意使用了第三个页,自己构建回发的信息。
    不得不说它使我对我在理解JAVA上有很大帮助。下面的是一些代码:
是利用JAVASCRIPT脚本来替换当前的代码.
  1. function echo(obj,html)
  2. {  
  3.          $(obj).innerHTML=html;
  4. }
  5. function getdata(msg,url,obj,initJs)
  6. {
  7.         var xmlhttp=createxmlhttp();
  8.         if(!xmlhttp)
  9.         {
  10.             alert("你的浏览器不支持XMLHTTP!!");
  11.             return;
  12.         }
  13.         xmlhttp.onreadystatechange=requestdata;
  14.         xmlhttp.open("GET",url,true);
  15.         xmlhttp.setRequestHeader("If-Modified-Since","0");
  16.         xmlhttp.send(null);
  17.         function requestdata()
  18.         {
  19.             
  20.                 showSysMsg(msg,"open");
  21.                 if(xmlhttp.readyState==4)
  22.                 {
  23.                     if(xmlhttp.status==200)
  24.                     {
  25.                         echo(obj,xmlhttp.responseText);
  26.                         showSysMsg("","close");
  27.                         if(initJs!="")
  28.                         {
  29.                             getDataInit(initJs);
  30.                         }
  31.                         backDivTop();
  32.                     }
  33.                 }
  34.             
  35.         }
  36. }
  1.  这是在自己构建一个反回数据,这个方法有点繁琐
  2.    public string GetHeadEdit()
  3.     {
  4.         string HeadEditHtml = "";
  5.         string startValue = "";
  6.         string id = Request.QueryString["id"];
  7.         if (!clsFct.IsNumber(id) || id.CompareTo("")==0)
  8.         {
  9.             return clsFct.errorMsg("警告!禁止输入非法数据。");
  10.         }
  11.         string StrSql = "Select * From book where id=" + id;
  12.         OleDbConnection MyConn = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath(g_StrConn));
  13.         try
  14.         {
  15.             MyConn.Open();
  16.             OleDbDataAdapter odAdapt = new OleDbDataAdapter(StrSql, MyConn);
  17.             DataSet DS = new DataSet();
  18.             odAdapt.Fill(DS);
  19.             DataTable DT = DS.Tables[0];
  20.             startValue = DT.Rows[0]["head"].ToString().Trim();
  21.             MyConn.Close();
  22.         }
  23.         catch
  24.         {
  25.             Response.Write(clsFct.errorMsg("数据库连接失败,请重试!"));
  26.             Response.End();
  27.         }
  28.         HeadEditHtml = HeadEditHtml + "<input name='msgHead" + id + "' type='text' size='30' maxlength='28' οnblur=if(checkSpace('msgHead" + id + "')){showHint('hintHead" + id + "','R')}else{showHint('hintHead" + id + "','W')} style='white-space:pre;' value=/"";
  29.         HeadEditHtml = HeadEditHtml + clsFct.Keep(startValue,1);
  30.         HeadEditHtml = HeadEditHtml + "/" />";
  31.         HeadEditHtml = HeadEditHtml + "<span class='font_12'> <b id='hintHead" + id + "' style='font-size:14px; color:Red;'></b></span>";
  32.         return HeadEditHtml;
  33.     }

此外还可以像这样使用
  1. <link id="cssStyle" rel="stylesheet" type="text/css" />
  2. 以后就可以在脚本用cssStyle来收用它了,这样更简单化了对于CSS样式表的更改了。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值