AJAX中前后台交换的都是XML文件,有时候需要将这些XML文件中的内容显示在页面上,但是直接在页面上写的话,会显得非常的凌乱,且不易于修改.为此,可以考虑将XSL引入进来,用XSL将XML文件直接规范后,再显示在页面上,那样每次要修改样式也只用改XSL了,简单明了.
还是用上一篇日记中用到的XSL和XML为例,来说明.假设后台传过来的就是userinfo.xml中的内容,我们在前台要怎么来引入XSL规范呢.代码如下:
var xmldoc
=
new
ActiveXObject(
"
Microsoft.XMLDOM
"
);
var xsl = new ActiveXObject( " Microsoft.XMLDOM " );
function onSuccess(request)
... {
alert(request.responseText);
xmldoc.async = false;
xmldoc.loadXML(request.responseText);
xsl.async = false;
xsl.load("/userinfo.xsl");
var arti = xmldoc.transformNode(xsl);
$("result").innerHTML = arti ;
}
var xsl = new ActiveXObject( " Microsoft.XMLDOM " );
function onSuccess(request)
... {
alert(request.responseText);
xmldoc.async = false;
xmldoc.loadXML(request.responseText);
xsl.async = false;
xsl.load("/userinfo.xsl");
var arti = xmldoc.transformNode(xsl);
$("result").innerHTML = arti ;
}
注明:对于XSL文件的路径可能会存在取不到问题,一般来说要在文件名前面加上<%=request.getContextPath()%>