�@Ajax���g���ăT�[�o�[�Ƀf�[�^�𑗐M����ꍇ�Ə]���̃t�H�[���𗘗p�������M�̑傫�ȈႢ�́A�f�[�^�̂��Ƃ肪�����ʐM�ōs���邩�A���ʐM�ōs���邩�Ƃ����_�ł��B����܂ł̃T���v���͑S�Ĕ��ʐM�ł������AXMLHttpRequest��open()���\�b�h�ł͓����ʐM���s�����Ƃ��ł��܂��Bopen()���\�b�h��3�Ԗڂ̈������t���O�ɂȂ��Ă��āAtrue�ł���Δ��ʐM�Afalse�ł���Γ����ʐM�ɂȂ�܂��B�����ʐM�̏ꍇ�A�]���̃t�H�[���𗘗p�������M�Ɠ����ɂȂ�܂��B�܂�A�f�[�^�𑗐M������T�[�o�[����f�[�^���߂��Ă���̂�҂��ɂȂ�܂��B���̊ԁA�X�N���v�g�ł͉�������ł��܂���B����ɑ��āA���܂ł�������ʐM�ł̓T�[�o�[����f�[�^�������Ă��Ȃ��Ă��l�X�ȏ������s�����Ƃ��ł��܂��B
�@�ȉ��̃T���v���œ����ʐM�Ɣ��ʐM��̌����邱�Ƃ��ł��܂��B�ł����Firefox�œ��삳���Ă��������i�T���v����
���s�����j�B�T�[�o�[���ł̓��N�G�X�g���Ă����3�b�ʼn�������悤�ɂ��Ă��܂��B�����ʐM�̃{�^�����N���b�N����Ɩ�3�b�ԉ����ł��Ȃ��܂܂ɂȂ�܂��B���ʐM�̏ꍇ�ɂ̓{�^���N���b�N��A���̏������s�����Ƃ��ł��f�[�^���߂��Ă����烁�b�Z�[�W���\������܂��B�����ʐM�ł̓f�[�^�����܂�send()���\�b�h�̎��̖��߂͎��s����܂���BFirefox�̏ꍇ�f�[�^����������_��(1)�̃��b�Z�[�W���\������܂��B���ʐM�̏ꍇ�ɂ�(1)(2)(3)�̏��ԂŃ��b�Z�[�W���\������܂��B���b�Z�[�W���\������鏇�ԂȂǂ̓u���E�U�ɂ���ĈقȂ�܂��B�܂��A�ȉ��̃T���v����Internet Explorer�ł�(1)����ԍŌ�ɏ�������܂��B���̂���(1)�̃��b�Z�[�W���\������܂��B�����(1)�̍s���R�����g�A�E�g���Ď��s�ł��Ȃ��悤�ɂ����T���v���Ŋm�F�ł��܂��B�i�T���v����
���s�����j
* Internet Explorer 6�Ɋւ��Ă͓��삪�������̂�Firefox�œ�����m�F���Ă݂Ă��������BInternet Explorer 6�͉����C�x���g�n���h���Ȃǂ̐ݒ菇���Ȃǂœ��삪�ς���Ă��܂���������炵���̂ŁB
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>�����^���Ńf�[�^�𑗐M����</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript"><!--
function dataSend(asyncFlag)
{
textData = document.ajaxForm.request.value; // ���M����e�L�X�g�f�[�^��ǂݏo��
httpObj = createXMLHttpRequest(displayData);
if (httpObj)
{
httpObj.open("GET","save.rb?request="+textData,asyncFlag);
httpObj.send(null);
$("result").innerHTML = "(1) ���M";
}
}
function displayData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
$("result").innerHTML = "(3) ���ʁF"+httpObj.responseText;
}else{
$("result").innerHTML = "(2) ���҂���������...";
}
}
// --></script>
</head>
<body>
<h1>�����^���Ńf�[�^�𑗐M����</h1>
<form method="get" name="ajaxForm" onSubmit="return false;">
<input type="text" value="sample text" name="request"><br>
<input type="button" value="�f�[�^�𑗐M�i���j" onClick="dataSend(true)"><br>
<input type="button" value="�f�[�^�𑗐M�i�����j" onClick="dataSend(false)"><br>
</form>
<div id="result"></div>
</body>
</html>
�@Ajax�𗘗p�����ꍇ�ɃT�[�o�[�Ƃ̃f�[�^�̂��Ƃ肪�����Ȃ�\��������܂��B���̂��߁A����T�[�r�X�ɂ���Ă͍����ȃT�[�o�[�ƍ���������K�v�ɂȂ�܂��B���ɍ���̂��T�[�o�[���̕��ׂł��B�T�[�o�[���̕��ׂ������Ȃ���X�|���X�͈����Ȃ���K�ȓ��삪�ł��Ȃ��Ȃ�܂��B�Ȃ�ׂ��Ȃ�T�[�o�[�̕��ׂ��y����������Ɏ����čs���̂��ǂ��Ǝv���܂��B
�@�Ⴆ��
�T�[�o�[����JPEG�t�@�C���ꗗ���擾�����Ƃ����v���O�����ł́AJPEG�t�@�C�������邩�ǂ������T�[�o�[���ŏ������Ă��܂��B���l�Ɍ��������ȂǃT�[�o�[���ŏ������邱�ƂɂȂ�܂��B�����A�T�[�o�[���Ō��������蒲�ׂȂ���Α����͕��ׂ��y������邩������܂���BAjax���g�����܂ŃT�[�o�[���ōs���Ă����������u���E�U���i�N���C�A���g���j�ōs�����Ƃ��ł��܂��B
�@��قǂ�JPEG�t�@�C�����擾����v���O�������T�[�o�[���͒P���Ƀt�@�C�����X�g������Ԃ��AJPEG�t�@�C���ꗗ��\������̂��u���E�U���ōs���Ă݂܂��傤�B�T�[�o�[����̃f�[�^��responseText�Ŏ��܂��B�����Ŏg�p���Ă���̂�UNIX�T�[�o�[�Ȃ̂ʼn��s�R�[�h��LF (10��) �ɂȂ�܂��B�u���E�U�ɕ\������ۂɂ́A���̉��s�R�[�h��<br>�^�O�ɒu�������܂��BJPEG�t�@�C�����ǂ����ׂ�ɂ͐��K�\�����g���܂��B�T�[�o�[����Ԃ����P�s�̕�����̖������t�@�C�����ɂȂ��Ă��܂��B�t�@�C�����̖�����.jpg�ł����JPEG�t�@�C���Ȃ̂�match(/\.jpg$/)�Ƃ��Ė����Ɉ�v���邩�ǂ������ׂ܂��B��v�����ꍇ�ɂ͕\���������s���܂��B������s�����J��Ԃ���JPEG�t�@�C���������X�g�\�������邱�Ƃ��ł��܂��B�i���ۂ�
�T���v�������s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>�T�[�o�[���̃t�@�C���ꗗ���擾����i�u���E�U���ŏ����j</title>
<script type="text/javascript" src="xmlhttp.js"></script>
<script type="text/javascript"><!--
function dataSend(callBackFunctionName)
{
httpObj = createXMLHttpRequest(callBackFunctionName);
if (httpObj)
{
httpObj.open("GET","getFileList.rb");
httpObj.send(null);
}
}
// �S�Ẵt�@�C����\��
function displayAllData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
resultText = httpObj.responseText;
resultText = resultText.replace(/\x0a/g,"<br>");
$("result").innerHTML = resultText;
}else{
$("result").innerHTML = "���҂���������...";
}
}
// �g���q��JPEG�̂ݕ\��
function displayJPEGData()
{
if ((httpObj.readyState == 4) && (httpObj.status == 200))
{
resultText = httpObj.responseText;
fList = resultText.split(/\x0a/g);
resultText = "";
for (i=0; i<fList.length; i++)
{
flag = fList[i].match(/\.jpg$/);
if (flag)
{
resultText += fList[i]+"<br>";
}
}
$("result").innerHTML = resultText;
}else{
$("result").innerHTML = "���҂���������...";
}
}
// --></script>
</head>
<body>
<h1>�T�[�o�[���̃t�@�C���ꗗ���擾����i�u���E�U���ŏ����j</h1>
<form method="get" name="ajaxForm" onSubmit="return false;">
<input type="button" value="�t�@�C���ꗗ���擾 (�S�ĕ\��)" onClick="dataSend(displayAllData)"><br>
<input type="button" value="�t�@�C���ꗗ���擾 (�g���q��jpg�̂�)" onClick="dataSend(displayJPEGData)"><br>
</form>
<div id="result"></div>
</body>
</html>
�@�����������p�����
JPEG�摜�������X�g�A�b�v���\�������邱�Ƃ��ł��܂��B
�]���T�[�o�[�ōs���Ă����������u���E�U���ōs�킹��ƁA���_��ȏ������s�������ł���悤�ɂȂ�܂��B���ƁA�u���E�U���ł̓T�[�o�[�ɑ�ʂɃ��N�G�X�g�𑗂�Ȃ��悤�ɒ��ӂ��ăv���O�������쐬����K�v������܂��B
�@�����ł�GET���\�b�h���g���ăf�[�^�𑗐M���Ă݂܂��B�iGET���\�b�h�͂��łɉ��x���g�p���Ă��܂����j
[
��l�́@2:GET���\�b�h�Ńf�[�^�𑗐M������]
[
�ڎ���]
(2006.1.7)