�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\������

�@����ł̓T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\�����Ă݂܂��B�e�L�X�g�t�@�C����open()���\�b�h�ōŏ��̈�����"GET"���w�肵�A��Ԗڂ̈����ɓǂݍ��ރt�@�C�������w�肵�܂��B�O�Ԗڂ̈����͓����A�񓯊��������t���O�ł��Btrue���w�肷�邩�ȗ�����Ɣ񓯊��ʐM�Afalse���w�肷��Ɠ����ʐM�ɂȂ�܂��B�f�[�^�̓ǂݍ��݂�����������responseText�v���p�e�B�̒l��\������Ε������\������܂��B
�@�Ƃ��낪�A���{����܂ރe�L�X�g�t�@�C���̏ꍇ�ɂ͖�肪�������܂��B�ȉ��̃X�N���v�g���A���낢��Ȋ‹������s�����ƕ�����܂����ABOM (Bye Order Mark : �����R�[�h��F�����邽�߂̐擪���) �t����UTF-8�ȊO�́A���܂��\������܂���B�i���s���ʂ��L���v�`���[�����f�[�^��p�����Ă���܂��B�܂��A�����o�j�N����̃y�[�W�������R�[�h�����̌���������܂��̂ŎQ�l�ɂ��Ă݂Ă��������B�Ώ����@���f�ڂ���Ă��܂��B�j

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ���</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript"><!--
function loadTextFile(fName)
{
httpObj = createXMLHttpRequest(displayData);
if (httpObj)
{
httpObj.open("GET",fName,true);
httpObj.send(null);
}
}
function displayData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
document.ajaxForm.result.value = httpObj.responseText;
}else{
document.ajaxForm.result.value = "Loading...";
}
}
// --></script>
</head>
<body>
<h1>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ���</h1>
<p>����HTML�t�@�C����SHIFT JIS�R�[�h�ł�</p>
<form name="ajaxForm">
<input type="button" value="�p�����݂̂̃t�@�C����ǂݍ���" onClick="loadTextFile('data.txt')"><br>
<input type="button" value="SHIFT JIS�ǂݍ���" onClick="loadTextFile('shift_jis.txt')"><br>
<input type="button" value="EUC�ǂݍ���" onClick="loadTextFile('euc.txt')"><br>
<input type="button" value="UTF-8�ǂݍ���" onClick="loadTextFile('utf8.txt')"><br>
<input type="button" value="UTF-8 (BOM����)�ǂݍ���" onClick="loadTextFile('utf8bom.txt')"><br>
<input type="button" value="UTF-16�ǂݍ���" onClick="loadTextFile('utf16.txt')"><br>
<textarea name="result" cols="40" rows="5"></textarea>
</form>
</body>
</html>

�@���{����܂ޏꍇ�ɂ́A��{�I�ɂ�BOM�t����UTF-8���g���Α唼�̊‹��ł͉��Ƃ��Ȃ�܂��B���S��ǂ��Ȃ�Ȍ�̍��Ő�������responseXML�AXML�`���̃f�[�^��ǂݍ��ޕ����悢�ł��傤�B
�@��L�̃T���v���ł̓t�H�[���̃e�L�X�g�G���A�ɕ�����\�����Ă��܂����A�����̏ꍇ���ʂ̕����Ƃ��ĕ\�����邱�Ƃ������͂��ł��B���̂悤�ȏꍇ�ɂ�div�^�O�ŕ�����\������u���b�N��p�ӂ��܂��B����div�^�O��id�����ɖ��O���w�肵�܂��B���O�͉p�����Ŏn�܂�2�����ڈȍ~�͉p�����̑g�ݍ��킹�ɂ��܂��B���{��͎g�p���Ȃ��ł��������Bid�����w�肵����document.getElementById("id��")�Ƃ���div�^�O�ɃA�N�Z�X���邱�Ƃ��ł��܂��B������\������ɂ�innerText�܂���innerHTML���g���܂��BinnerText�͕��ʂ̃e�L�X�g�Ƃ��ď�������AinnerHTML��HTML�^�O�Ƃ��ď�������܂��BinnerText�ł͓ǂݍ��񂾕����͂��̂܂ܕ\������܂����AinnerHTML�ł�HTML�^�O�����f����܂��B�ǂ�����g�����͏󋵎���ł����A�������x�����߂�̂ł����innerText�ŕ\��������������ł��B
�@���ۂ̃X�N���v�g�͈ȉ��̂悤�ɂȂ�܂��i�T���v�������s�����j�B

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\������</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript"><!--
function loadTextFile(fName)
{
httpObj = createXMLHttpRequest(displayData);
if (httpObj)
{
httpObj.open("GET",fName,true);
httpObj.send(null);
}
}
function displayData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
document.getElementById("resultData").innerText = httpObj.responseText;
}else{
document.getElementById("resultData").innerText = "Loading...";
}
}
// --></script>
</head>
<body>
<h1>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\������</h1>
<form name="ajaxForm">
<input type="button" value="data.txt�t�@�C���ǂݍ���" onClick="loadTextFile('data.txt')"><br>
</form>
<div id="resultData"></div>
</body>
</html>

�@�ŋ߂ł�document.getElementById()�ƋL�q����̂͒����̂Ŋ֐���$���g���ĒZ���L�q���邱�Ƃ�����܂��B�܂��A�ȉ��̂悤�Ȋ֐����`���Ă����܂��B

function $(tagId)
{
return document.getElementById(tagId);
}

�@��������C�u�������ɓ���Ă����Έȉ��̂悤�ɒZ���L�q���邱�Ƃ��ł��܂��B�i�����ł�xmlhttp.js���ɏ�L�֐����w�肵�Ă���܂��j

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\������(2)</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript"><!--
function loadTextFile(fName)
{
httpObj = createXMLHttpRequest(displayData);
if (httpObj)
{
httpObj.open("GET",fName,true);
httpObj.send(null);
}
}
function displayData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
$("resultData").innerText = httpObj.responseText;
}else{
$("resultData").innerText = "Loading...";
}
}
// --></script>
</head>
<body>
<h1>�T�[�o�[��̃e�L�X�g�t�@�C����ǂݍ��݃y�[�W��ɕ\������(2)</h1>
<form name="ajaxForm">
<input type="button" value="data.txt�t�@�C���ǂݍ���" onClick="loadTextFile('data.txt')"><br>
</form>
<div id="resultData"></div>
</body>
</html>

�@����ł͎���HTML�t�@�C���̓��e��ǂݍ���Ńy�[�W���ɕ\�����܂��B

[8:�T�[�o�[���HTML�t�@�C����ǂݍ��݃y�[�W��ɕ\��������]
[�ڎ���]

(2005.12.22)