<HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=shift_jis"> <SCRIPT language="javascript" type="text/javascript"> var dom,bIE; var objXMLHttp; if ( document.all ) { bIE = true; dom = new ActiveXObject("Msxml2.DOMDocument.3.0"); objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } else { bIE = false; dom = document.implementation.createDocument("", "", null); objXMLHttp = new XMLHttpRequest(); } function GetServerData( ) { var result; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "utf8_combo.htm" , false ); objXMLHttp.send( "" ); result = objXMLHttp.responseText; document.getElementById("data").innerHTML = result; } </SCRIPT> </HEAD> <BODY> <INPUT type=button name="send" value="送信" onClick='GetServerData( )'> <DIV id="data"></DIV> </BODY> </HTML>
<SELECT name="combo"> <OPTION value="1">データ1</OPTION> <OPTION value="2">データ2</OPTION> <OPTION value="3">データ3</OPTION> </SELECT>
<?xml version="1.0" encoding="shift_jis" ?> <combodata> <list> <![CDATA[ <SELECT name="combo"> <OPTION value="1">データ1</OPTION> <OPTION value="2">データ2</OPTION> <OPTION value="3">データ3</OPTION> </SELECT> ]]> </list> <list> <![CDATA[ <SELECT name="syozoku"> <OPTION value="1">総務部</OPTION> <OPTION value="2">営業部</OPTION> <OPTION value="3">技術部</OPTION> </SELECT> ]]> </list> </combodata>
<HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=shift_jis"> <SCRIPT language="javascript" type="text/javascript"> var dom,bIE; var objXMLHttp; if ( document.all ) { bIE = true; dom = new ActiveXObject("Msxml2.DOMDocument.3.0"); objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } else { bIE = false; dom = document.implementation.createDocument("", "", null); objXMLHttp = new XMLHttpRequest(); } function GetServerData( ) { var result,xml; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); if ( document.all ) { xml = objXMLHttp.responseXML; alert( xml.xml ); } else { result = objXMLHttp.responseText; alert( result ); } } </SCRIPT> </HEAD> <BODY> <INPUT type=button name="send" value="送信" onClick='GetServerData( )'> </BODY> </HTML>
<HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=shift_jis"> <SCRIPT language="javascript" type="text/javascript"> var dom,bIE; var objXMLHttp; if ( document.all ) { bIE = true; dom = new ActiveXObject("Msxml2.DOMDocument.3.0"); objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } else { bIE = false; dom = document.implementation.createDocument("", "", null); objXMLHttp = new XMLHttpRequest(); } function GetServerData( ) { var result,xml; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; result = ""; result += xml.nodeName + "<br>"; result += xml.childNodes.item(0).nodeName + "<br>"; result += xml.childNodes.item(1).nodeName + "<br>"; document.getElementById("data").innerHTML = result; } </SCRIPT> </HEAD> <BODY> <INPUT type=button name="send" value="送信" onClick='GetServerData( )'> <DIV id="data"></DIV> </BODY> </HTML>
function GetServerData( ) { var result,xml,obj,objList,i,length; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; result = ""; result += xml.nodeName + "<br>"; // combodata obj = xml.childNodes.item(1); result += obj.nodeName + "<br>"; // combodata の 中 objList = obj.childNodes; length = objList.length; result += " 子ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) result += " " + i + ":" + obj.nodeName + "<br>"; } document.getElementById("data").innerHTML = result; }
function GetServerData( ) { var result,xml,obj,objList,i,length,j,work; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; result = ""; result += xml.nodeName + "<br>"; // combodata obj = xml.childNodes.item(1); result += obj.nodeName + "<br>"; // combodata の 中 objList = obj.childNodes; length = objList.length; result += " 子ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) result += " " + i + ":" + obj.nodeName + "<br>"; for( j = 0; j < obj.childNodes.length; j++ ) { result += " " + j + ":" + obj.childNodes.item(j).nodeName + "<br>"; work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } document.getElementById("data").innerHTML = result; }
function GetServerData( ) { var result,xml,obj,objList,i,length,j,work; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; result = ""; // 目的の親ノード objList = xml.getElementsByTagName("list"); length = objList.length; result += "ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) result += " " + i + ":" + obj.nodeName + "<br>"; for( j = 0; j < obj.childNodes.length; j++ ) { result += " " + j + ":" + obj.childNodes.item(j).nodeName + "<br>"; work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } document.getElementById("data").innerHTML = result; }
function GetServerData( ) { var result,xml,obj,objList,i,length,j,work; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; result = ""; // ルートから // どのノードからでも指定できますが、xml オブジェクト // からのほうが混乱しないと思います objList = xml.selectNodes("/combodata/list"); length = objList.length; result += "ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) for( j = 0; j < obj.childNodes.length; j++ ) { work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } // XML 文書中の全ての要素 // どのノードからでも指定できますが、xml オブジェクト // からのほうが混乱しないと思います objList = xml.selectNodes("//list"); length = objList.length; result += "ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) for( j = 0; j < obj.childNodes.length; j++ ) { work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } // 上位ノードから (1) objList = xml.selectNodes("combodata/list"); length = objList.length; result += "ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) for( j = 0; j < obj.childNodes.length; j++ ) { work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } // 上位ノードから (2) obj = xml.getElementsByTagName("combodata").item(0); objList = obj.selectNodes("list"); length = objList.length; result += "ノードの数:" + length + "<br>"; for( i = 0; i < length; i++ ) { obj = objList.item(i) for( j = 0; j < obj.childNodes.length; j++ ) { work = obj.childNodes.item(j).nodeName; if ( "#cdata-section" == work ) { alert(obj.childNodes.item(j).nodeValue); } } } }
<?xml version="1.0" encoding="shift_jis" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" /> <xsl:template match="/"> <xsl:value-of select="combodata/list[position()=1]" /> </xsl:template> </xsl:stylesheet>
<HTML> <HEAD> <META http-equiv="content-type" content="text/html; charset=shift_jis"> <SCRIPT language="javascript" type="text/javascript"> var dom,bIE; var objXMLHttp; if ( document.all ) { bIE = true; dom = new ActiveXObject("Msxml2.DOMDocument.3.0"); objXMLHttp = new ActiveXObject("Msxml2.XMLHTTP.3.0"); } else { bIE = false; dom = document.implementation.createDocument("", "", null); objXMLHttp = new XMLHttpRequest(); } function GetServerData( ) { var xml,xsl; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; objXMLHttp.open( "GET", "sjis_combo.xsl" , false ); objXMLHttp.send( "" ); xsl = objXMLHttp.responseXML; if ( document.all ) { document.getElementById("data").innerHTML = xml.transformNode( xsl.documentElement ); } else { processor = new XSLTProcessor(); processor.importStylesheet(xsl); newFragment = processor.transformToFragment(xml,document); document.getElementById("data").innerHTML = newFragment.childNodes.item(0).nodeValue; } } </SCRIPT> </HEAD> <BODY> <INPUT type=button name="send" value="送信" onClick='GetServerData( )'> <DIV id="data"></DIV> </BODY> </HTML>
function GetServerData( ) { var xml,xsl,objNode; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; objXMLHttp.open( "GET", "sjis_combo.xsl" , false ); objXMLHttp.send( "" ); xsl = objXMLHttp.responseXML; if ( document.all ) { // このコメント2行を実行すると、HTML エンティティで表示されます document.getElementById("data").innerText = xml.transformNode( xsl.documentElement ); } else { processor = new XSLTProcessor(); processor.importStylesheet(xsl); newFragment = processor.transformToFragment(xml,document); document.getElementById("data").appendChild(newFragment); } }
function GetServerData( ) { var xml,xsl,objNode; // 最後のパラメータの false は、同期実行を意味します objXMLHttp.open( "GET", "sjis_combo.xml" , false ); objXMLHttp.send( "" ); xml = objXMLHttp.responseXML; objXMLHttp.open( "GET", "sjis_combo.xsl" , false ); objXMLHttp.send( "" ); xsl = objXMLHttp.responseXML; if ( document.all ) { objNode = xsl.getElementsByTagName("xsl:output").item(0); objNode.attributes.getNamedItem("method").nodeValue = "html"; document.getElementById("data").innerText = xml.transformNode( xsl.documentElement ); } else { processor = new XSLTProcessor(); processor.importStylesheet(xsl); newFragment = processor.transformToFragment(xml,document); document.getElementById("data").appendChild(newFragment); } }