不离开页面刷新数据

2016-01-29 18:15 20 1 收藏

不离开页面刷新数据,不离开页面刷新数据

【 tulaoshi.com - ASP 】

  开门见山,不离开页面就能刷新页面中的(部分)数据好处多多。主要是不需要写无聊代码维护 state。 ASP.NET (以及其雏形 VI6 SOM)中的 server-side control (VI6 DTC, Script Library) 通过大量 hidden input 来维护页面 state,其功力之深,非吾辈能及。所以我们要想办法不离开页面就能得到 新数据,这样生活会比较好过。

其实办法早就有很多。比如自己写 ActiveX Control 或 Java Applets,或使用系统自己带的。 如果是 IE 浏览器,很久以前就可以使用 ADO RDS 之类的方法从 server 端远程获取数据。 我们现在看看 XML 新石器时代的几种方法:

1. XMLHTTP
  这种方法意思和 RDS 差不多,但在 XML 时代,这种方法显得比较正经儿。
  网上有个比较好的例子:http://www.asptoday.com/articles/20001219.htm
  Using Fat Clients For E-commerce   作者起这个名字 (Fat client) 就是说要求 browser 要支持 XMLHTTP。
  代码片断:
  Function getCategories()
   Dim oXMLHTTP ' As Object
   Dim oCategories ' As Object
   Set oXMLHTTP = CreateObject("Microsoft.XMLHTTP")
   '--- set the XMLHTTP call and issue send (no parm as category
   '--- is included in URL
   oXMLHTTP.open "GET",SERVER_PATH & "demo.asp?action=getcategories",False
   oXMLHTTP.send
   '--- load the response into the Categories data island     
   dsoCategories.loadXML oXMLHTTP.responseText
   '--- transform into HTML and assign to innerHTML property
   divCategories.innerHTML = dsoCategories.documentElement.transformNode(dsoCategoriesXSL.documentElement)
   '--- tidy up the object
   Set oXMLHTTP = Nothing    
  End Function

  其实直接使用 DOMDocument.load 也是一样的。
  参见 http://www.chinaasp.com/sqlbbs/showEssence.asp?id=3586
  Zee 的帖子:“在IE里应用XML的一个小例子:解决双下拉选单的连动问题。”
  代码片断:
  var oXMLDoc = new ActiveXObject('MSXML');
  sURL = '<%=strPathInfo%XMLCity.asp?State=' + sState;
  oXMLDoc.url = sURL;

  不显性地创建 ActiveXObject 也可以,变通的方法是使用 <XML ID="myData"。

2. 如何支持 Netscape browser?
  考虑到可以使用 XML SRC 的方式在页面中获得 XML data,我们可以仔细看一眼 HTML properties: SRC。
  可以注意到还有个常用 tag 具备这个 attribute -- IFrame。
  所以我们可以使用下面的思路来从 server 获取数据,这回我们不使用 XML island, ActiveX Object,以便支持 NN。
  a. 在页面中加一个隐藏的 IFrame。
  b. 需要调用数据时,语句形如:IFrame.src = "http://localhost/getData?a=123"
  c. 为了迎合 NN 的胃口,我们的返回值不是直接 XML Data,而是 HTML,这样才能被 IFrame 接受
  d. 但最重要的是,这个 HTML Page 实际上是一个 well-formed 的 XML document。比如:
   <HTML
   <BODY
   <P ID="P1"abc</P
   <P ID="P2"def</P
   <P ID="P3"ghi</P
   </BODY
   </HTML
  e. 我们可以使用 client-side javascript 把这个 well-formed XML Doc 中的数据抓取出来,加入到我们的 select listbox 中。

  (是在一个同事那里看到的这个思路,感觉他是剑术通神后,捻花摘叶皆是剑,何必拘泥于 XML DOM Object。)


挂一漏万,希望大家再加上几种方法。
 

来源:https://www.tulaoshi.com/n/20160129/1505039.html

延伸阅读
标签: Web开发
通过XMLHTTP发送请求,返回结果. scriptlanguage="JavaScript" functionGetResult() ...{ /**//**//**//* *---------------GetResult()----------------- *GetResult() *功能:通过XMLHTTP发送请求,返回结果. *参数:str,字符串,发送条件. *实例:GetResult(); ...
标签: ASP
    有时候在编辑页面用户做修改后,可能会有刷新、关闭等误操作造成当前页面信息的丢失, 何不先提醒一下用户呢?实例代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" <html <head  <titleConfirm Before Leave</title  <script language="javascript" type="text/ja...
标签: Web开发
当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1,页面自动刷新:把如下代码加入head区域中meta http-equiv="refresh" content="20",其中2...
服务器的回传会引发整个页面的刷新,怎么样只让它刷新局部呢,前几天看见书上有讲用 WebService行为的,今天试了试,效果还不错 在web目录中需要一个文件webservice.htc 可以到这里下载: http://msdn.microsoft.com/workshop/author/webservice/webservice.htc 见一个WebService 文件名为Service1.asmx: [WebService(Namespace="http:/...
标签: Web开发
尤其是在Jquery,porotype,Ext等框架流行之后,大量简化的代码可说是为程序员带来了福音, 从繁重的代码工作之中解脱出来,轻易的就可以实现过去书写复杂的功能。 不过有利有弊,到如今,习惯了使用各种框架,而很少自己书写内部源码的程序员们,还有几个记得Ajax那其实并不算复杂的基本代码呢? 今天,为了不遗忘当初的热忱,我把这基础的...

经验教程

71

收藏

19

精华推荐

AJAX无刷新更新数据

AJAX无刷新更新数据

SUBGUODONG

OL减肥五妙招 不离开办公桌就减肥

OL减肥五妙招 不离开办公桌就减肥

xiao199219985

网页数据的实时刷新

网页数据的实时刷新

一路向北z05

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部