1. 新しい vs2003 Web プロジェクトを作成し、XMLTest という名前を付けます。
2. プロジェクト ディレクトリ内の WebForm1.aspx の内容をすべて削除し、先頭のステートメントを 1 つだけ残します:
<%@ Page language="c#" Codebehind="WebForm1.aspx .cs" AutoEventWireup="false" Inherits="XMLTest.WebForm1" %>
3. WebForm1.aspx.cs のコンテンツを変更し、Page_Load を追加します。
以下は参照フラグメントです。
XmlDocument doc=new XmlDocument();
文字列xmlfile=string.Empty;
xmlfile=Context.Request.PhysicalApplicationPath+(Request.QueryString["sel"].ToString()=="xml"?" \hello.xml":"\hello.xsl ");
doc.Load(xmlfile);
Response.Write(doc.InnerXml);
4. test.htm をプロジェクトのルート ディレクトリに追加し、プロジェクトのホームページとして設定します。
以下は引用です。
<html>
<頭>
<タイトル></タイトル>
</head>
<本文>
<div id="resTree"></div>
<FONT face="宋体"></FONT><input type="button" value="実行" onclick="GetXml()"><BR>
<スクリプト言語="JScript">
var srcTree,xsltTree,xt;
var http_request = false;
関数 GetXml()
{
srcTree = new ActiveXObject("Msxml2.FreeThreadedDOMDocument");
srcTree.async=false;
xsltTree= new ActiveXObject("Msxml2.FreeThreadedDOMDocument");
xsltTree.async = false;
xt=new ActiveXObject("MSXML2.XSLTemplate");
resTree.innerHTML="";
makeRequest("WebForm1.aspx?sel=xml",GetXml_CB);
}
関数 makeRequest(url,callback) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla、Safari、...
http_request = 新しい XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
試す {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} キャッチ (e) {
試す {
http_request = 新しい ActiveXObject("Microsoft.XMLHTTP");
} キャッチ (e) {}
}
}
if (!http_request) {
alert('諦めます :( XMLHTTP インスタンスを作成できません');
false を返します。
}
http_request.onreadystatechange = コールバック;
http_request.open('GET', url, true);
http_request.send(null);
}
関数 GetXml_CB() {
if (http_request.readyState == 4) {
if (http_request.status == 200) {
srcTree.loadXML(http_request.responseText);
makeRequest("WebForm1.aspx?sel=xsl",GetXsl_CB);
} それ以外 {
alert('リクエストに問題がありました。');
}
}
}
関数 GetXsl_CB(){
if (http_request.readyState == 4) {
if (http_request.status == 200) {
xsltTree.loadXML(http_request.responseText);
xt.stylesheet=xsltTree;
var proc=xt.createProcessor();
proc.input=srcTree;
proc.transform();
resTree.innerHTML=proc.output;
} それ以外 {
alert('リクエストに問題がありました。');
}
}
関数
makeRequest(url,callback) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla、Safari、...
http_request = 新しい XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) { // IE
試す {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} キャッチ (e) {
試す {
http_request = 新しい ActiveXObject("Microsoft.XMLHTTP");
} キャッチ (e) {}
}
}
if (!http_request) {
alert('諦めます :( XMLHTTP インスタンスを作成できません');
false を返します。
}
http_request.onreadystatechange = コールバック;
http_request.open('GET', url, true);
http_request.send(null);
</script>
</body>
</html>
5. プロジェクトを実行して、hello.xml の効果を確認します
(注: 私の xml ドキュメントでは、対応する xsl 解析ファイル名が指定されていません)。
以下は引用部分です。
<?xml version='1.0'?>
<朝食メニュー>
<食べ物>
<name>ベルギーワッフル</name>
<価格>$5.95</価格>
<description>有名なベルギーワッフル 2 個
本物のメープルシロップをたっぷりかけて。</description>
<カロリー>650</カロリー>
</食べ物>
<食べ物>
<name>ストロベリーベルギーワッフル</name>
<価格>$7.95</価格>
<description>軽いベルギーワッフルを包みました
イチゴとホイップクリーム。</description>
<カロリー>900</カロリー>
</食べ物>
<食べ物>
<name>ベリーベリーベルギーワッフル</name>
<価格>$8.95</価格>
<description>軽いベルギーワッフルをカバーしました
新鮮なベリーの盛り合わせとともに
とホイップクリーム。</description>
<カロリー>900</カロリー>
</食べ物>
<食べ物>
<name>フレンチトースト</name>
<価格>$4.50</価格>
<description>自家製の厚切りスライス
サワー種のパン。</description>
<カロリー>600</カロリー>
</食べ物>
<食べ物>
<name>家庭的な朝食</name>
<価格>$6.95</価格>
<description>卵 2 個、ベーコンまたはソーセージ、トースト、
そして定番人気のハッシュブラウン。</description>
<カロリー>950</カロリー>
</食べ物>
</breakfast-menu>
hello.xsl
以下は引用部分です。
<?xml バージョン="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl=" http://www.w3.org/1999/XSL/Transform ">
<xsl:template match="/breakfast-menu">
<xsl:for-each select="food">
<DIV STYLE="背景色:ティール; カラー:ホワイト; パディング:4px">
<SPAN STYLE="font-weight:bold; color:white"><xsl:value-of select="name"/></SPAN>
to<xsl:value-of select="price"/>
</DIV>
<DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt">
<xsl:value-of select="説明"/>
<SPAN STYLE="font-style:italic">
<xsl:value-of select="カロリー"/> やあ
</SPAN>
</DIV>
</xsl:for-each>
</xsl:template>
</xsl:スタイルシート>
XML ドキュメントには純粋なデータのみが含まれており、HTML ページに表示する必要がある場合は、通常、カスタマイズされた xsl ドキュメントを使用して解析するか、js を介して XML 内の値を手動で読み取り、それを dom ツリーに表示する必要があります。 html.xsl文書を使用する場合 正常に表示するには、解析時に対応するxsl文書を指定する必要がありますが、一部のプログラムではxsl文書を動的に出力する場合、対応するxsl文書が指定されません。もちろん、サーバー側で XML ドキュメントを出力する場合は、対応する xsl ドキュメントを他の手段でロードする必要があります。ここで説明するのは、JS を通じて行う方法です。このようにして、サーバー プラットフォームの制限は脇に置かれ、サーバーは対応する xml ドキュメント (.net/j2ee が使用可能) を出力し、対応する xsl ドキュメントをクライアントに出力するだけで済みます (ストリームまたは直接出力できます)。クライアントでは xsl ドキュメントがロードされます)。
ここで注意すべき点がいくつかあります。通常、XML ドキュメントを読み込むには Msxml2.Document コンポーネントを使用しますが、xsl を使用して XML ドキュメントを動的に解析する場合は、Msxml2.FreeThreadedDOMDocument などのフリー スレッド コンポーネントを使用する必要があり、MSXML2.XSLTemplate を使用する必要があります。テンプレート コンポーネントは、MSXML2 の変換メソッドを使用して、新しい名前 (Msxml2.FreeThreadedDOMDocument.4.0 など) を指定します。 M$ の Web サイトからダウンロードできます。
デモ: http://www.21cz.cn/xmltest/test.htm
XML ファイルの表示: http://www.21cz.cn/xmltest/hello.xml
xsl ファイルの表示: http://www.21cz.cn/xmltest/hello.xsl