浅谈Web数据交互(二)

原创 2004年07月21日 10:50:00

3XML方式<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

前面的两种方式都能传递数据,但是都有一个问题,就是提交数据后,页面会刷新,由于web是无状态的,所以我们必须通过代码来维持页面上的状态。(在asp.net里面微软通过ViewState来维护)所以我们要做到交互数据但是不刷新页面的话,就只有用xml了。

哇,不知道xml是什么冬冬啊?倒……

XML (eXtensible Markup Language)建议你看看两只老虎的《无废话XML

GB版本:http://2tigers.net/xml_book/wfhxml_gb.zip

Big5版本:http://2tigers.net/xml_book/wfhxml_b5.zip

好下面我们来看看如何通过xml无刷新的交互数据:

来看一下数据流图

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

 CSDN_Dev_Image_2004-1-32310390.png

前台页面

xml.asp

<html>

<head>

<script language=”JavaScript”>

//hide for low version of ie

<!—

function EncodeForXML(string)

          {

                   string=string.replace(/&/g,"&amp;");

                   string=string.replace(/</g,"&lt;");

                   string=string.replace(/>/g,"&gt;");

                   return string;

          }

 

function CommunicateXMLData(sXML,ActionFileURL)

{

          var xmlDoc = new ActiveXObject("MSXML.DOMDocument");

          xmlDoc.async = false;

          sXML = "<?xml version=/"1.0/" encoding=/"UTF-8/"?><TEST>" + sXML + "</TEST>";

          var httpObj = new ActiveXObject("Microsoft.XMLHTTP");

          if(xmlDoc.loadXML(sXML))

          {

                   httpObj.Open("POST",ActionFileURL,false);

                   httpObj.Send(xmlDoc);

                   return httpObj.responseXML.xml;

          }

          else

          {

                   return "FALSE";

          }

}

 

 

function SubmitInput()

{

          var strXML;

strXML="<name>”+ EncodeForXML(iptname.value)+”</name>";

strXML = CommunicateXMLData (strXML," XMLX.asp");   

var xmlDoc=new ActiveXObject("MSXML.DOMDocument")

xmlDoc.async=false;

if (xmlDoc.loadXML(strXML))

{

//xmlDoc为加载数据后的xml对象

txtname.value=xmlDoc.getElementsByTagName("Result")[0].text

}

}

//-->

</script>

</head>

<body>

Your name is:<input name=”txtname” type=”text” value=””><br>

<input type=”text” name=”iptname” id=”iptname” value=””>

<a href=”#” onclick=”JavaScript:SubmitInput();”>Go</a>

</body>

</html>

后台页面xmlx.asp

<%@ Language=VBScript codepage="65001"%>

<%

dim xmlDoc

dim strResult

set xmlDoc = server.CreateObject("MSXML.DOMDocument")

if xmlDoc.load(request)=true then

          strResult=Trim(xmlDoc.selectSingleNode("//name ").text)

strReturn="<TEST><Result>Success” & strReturn & ”</Result></TEST>"

end if

 

Response.ContentType="text/xml"

Response.CharSet="UTF-8"

if xmlDoc.loadXML(strResult)=true then

xmlDoc.save Response

end if

Response.End

set xmlDoc=nothing

%>

 

下面解释一下程序的工作过程:

<a href=”#” onclick=”JavaScript:SubmitInput();”>Go</a>

当点击Go的时候触发JavaScript事件SubmitInput();

strXML="<name>”+ iptname.value+”</name>";

生成xml字符串

strXML =DataCommunicate(strXML," XMLX.asp"); 

调用函数DataCommunicate将生成的xml字符串发送到后台处理页面(XMLS.asp),

并接收后台页面处理之后返回的xml字符串

var xmlDoc=new ActiveXObject("MSXML.DOMDocument")

xmlDoc.async=false;

if (xmlDoc.loadXML(strXML))

{

//xmlDoc为加载数据后的xml对象

//处理返回的数据

txtname.value=xmlDoc.getElementsByTagName("Result")[0].text

}

通过xml交互数据,可以达到页面不刷新的结果,避免了交互一次数据就要维护一次页面控件的状态,同时也降低了网络的数据流量。

注意点:其中的EncodeForXML函数是将与xml有冲突的字符进行编码处理。

技巧:

当然我们可以将EncodeForXML函数与CommunicateXMLData函数写到一个js中,作为公用的函数,在需要进行xml交互数据的页面通过

<script LANGUAGE="javascript" Src="../Scripts/Communicate.js"></script>

包含进来。

浅谈数据中心(IDC)网络大二层技术

传统的三层数据中心架构结构的设计是为了应付服务客户端-服务器应用程序的纵贯式大流量,同时使网络管理员能够对流量流进行管理。工程师在这些架构中采用生成树协议(STP)来优化客户端到服务器的路径和支持连接...
  • aaamike
  • aaamike
  • 2016年03月30日 11:28
  • 3152

浅谈web前端与后台数据交互

1.什么是web服务器?服务器: 通俗理解,一台24小时工作的机器 web服务器:一台24小时工作的能处理web请求的服务器看图,用实例说话2.web服务器的操作系统既然服务器是一台机器,那么就会有...
  • xi_2130
  • xi_2130
  • 2016年06月15日 20:50
  • 7391

web前后台数据交互的几种方式

1.利用cookie对象 2.利用session对象 3.利用request重定向,设置setATT
  • luckyrass
  • luckyrass
  • 2014年08月22日 16:22
  • 14770

Web服务器和动态语言如何交互--CGI&FastCGI&FPM浅谈

Web服务器和动态语言如何交互--CGI&FastCGI&FPM浅谈 一个用户的Request是如何经过Web服务器(Apache,Nginx,IIS,Light)与后端的动态语言(如PHP等)...
  • jileidilei
  • jileidilei
  • 2017年02月03日 21:54
  • 263

浅谈iOS与Socket交互:数据异常处理

iOS中Socket的实现方式有很多种,你可以选择使用CFNetwork库API自己敲,当然,如果你想绕过那些繁琐的逻辑控制和异常处理,那么最好的解决方案就是寻找一个稳定、安全、可靠的开源库。 曾经有...
  • TNGolsec
  • TNGolsec
  • 2016年01月13日 13:31
  • 175

浅谈SQL SERVER中事务的ACID(事务相关数据交互)

简介       ACID,是指在可靠数据库管理系统(DBMS)中,事务(transaction)所应该具有的四个特性:原子性(Atomicity)、一致性(Consistency)、隔离...
  • u012992506
  • u012992506
  • 2014年06月23日 11:05
  • 417

浅谈混合开发与Android,JS数据交互

本文是作者原创,如转载请注明出处!一.概论 现在时代已经走过了移动互联网的超级火爆阶段,市场上移动开发人员已经趋于饱和,显然,只会原生APP的开发已不能满足市场的需求,随着H5的兴起与火爆,H5在原...
  • liuxu841911548
  • liuxu841911548
  • 2017年05月05日 17:39
  • 4615

玩转Web之Json(二)----jquery easy ui + Ajax +Json+SQL实现前后台数据交互

最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到...
  • u012116457
  • u012116457
  • 2014年03月14日 10:52
  • 2969

web 缓存技术浅谈.

  • 2011年09月15日 16:49
  • 473KB
  • 下载

Web的安全防御浅谈

  • 2015年11月07日 11:58
  • 188KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:浅谈Web数据交互(二)
举报原因:
原因补充:

(最多只允许输入30个字)