Ajax�̐^����Web�T�[�r�X�A�g�ɂ����FWeb 2.0�ŕς��Web�v���O���~���O�̏펯�i1/4 �y�[�W�j

���������‚‚���Ajax����荞��Web�A�v���P�[�V�����J���ւ̎��g�݁B�㔭�ł��A�C�f�A�͂܂��܂��o�s�����Ă��Ȃ��B��{�𕜏K���ĐV���ȃT�[�r�X�ւƂ‚Ȃ��Ă݂悤�B

» 2006�N08��23�� 08��00�� ���J
[���V���F�CITmedia]

�@Ajax�Ƃ����ƁAXML�Ńf�[�^�𑗎�M����Ƃ����C���[�W������B

�@�������A���ۂɂ�XML�ł���K�v���͂Ȃ��B�ނ���XML�`���ł͂Ȃ��ق����A����M�f�[�^�p�[�X�̎�Ԃ��K�v�Ȃ��Ƃ����P�[�X�������̂��B

�@����ŁAXML�Ńf�[�^�������ł��闘�_�𐶂����΁A���R�Ȃ���Web�T�[�r�X�Ƃ̌��ʓI�ȘA�g�������I�Ȃ��̂ɂȂ��Ă���B����́AAjax�A�v���P�[�V�����ɂ����Ă悭�p������uJSON�v�ƌĂ΂��f�[�^�`���ɂ‚��ĉ�����悤�B

�@���̃I�����C���E���b�NPlus�uWeb 2.0�ŕς��Web�v���O���~���O�̏펯�v�ł́A����܂ł�Ajax�̊T�v�i��1��j���甭�W�n�Ƃ����ǂ̂悤�Ȏ��g�݂���̂��i��2��j�ɂ‚��ĉ�������B���̃I�����C���E���b�NPlus��ǂނ��ƂŁAWeb2.0�Ə̂���V����Web�e�N�m���W�[�̏ے��̈�‚Ƃ�����Ajax�ɂ‚��āA�[���m��A�����Web2.0�Ή��Ƃ��������Ƃ��”\��Web�A�v���P�[�V���������グ�邱�Ƃ��ł��邾�낤�B

�@��2��ڂ܂ł́AAjax�ʼn��Z�^���Z���s���ȒP�ȃT���v�����Љ�Ă���B���̃T���v�������ۂɓ������Ă݂�ƁAXML�f�[�^�̐�����p�[�X�̕��G����������͂����B

�@�ȒP�ȃf�[�^�\���Ȃ�܂������A�z���\���̂�����肷��ƂȂ�΁A�T�[�o���ł�XML�f�[�^�̐����͂������A�N���C�A���g����XML�p�[�X���������G�ɂȂ�B���̌��ʁA�p�t�H�[�}���X���򉻂��Ă��܂��̂��B

JavaScript�̃I�u�W�F�N�g�����ł��Ƃ肷��JSON

�@Ajax�Ńf�[�^�̑���M�ɗp����XMLHttpRequest�I�u�W�F�N�g�ł́AresponseText�v���p�e�B��p���邱�ƂŃe�L�X�g�`���̃f�[�^��������B

�@�‚܂�AXML�`���ɂ������K�v�͂Ȃ����Ƃ��Ӗ�����B

�@�Ⴆ�΁A�J���}�u,�v��؂�e�L�X�g�Ńf�[�^������肷�邱�Ƃ��”\���B�������J���}��؂�e�L�X�g�ɂ����Ƃ���ŁA�p�[�X���K�v�ł���Ƃ����_�ɕς��Ȃ��̂��������낤�B

�@�����ŁA���N���C�A���g���̕��S���y������f�[�^�����`���Ƃ��ĕ��L���p�����Ă���̂��uJSON�iJavaScript Object Notation�j�v�ł���B

�@JSON�ł́AJavaScript�ɂ�����I�u�W�F�N�g�\���Ɠ��������̃e�L�X�g��p���ăf�[�^��\������B���̎d�l�́A���̃T�C�g���Ŏ�����Ă���B

�@JSON�`���̃f�[�^�Ƃ��ẮA�Ⴆ�΁A���̂悤�Ȍ`������������B


{"add":400,"diff":200}

�@���̃f�[�^������́AJavaScript��eval�֐����g���Ă���A���̂悤�ɑO��Ɂu(�v�Ɓu)�v��t����ƁA���̂܂܃p�[�X�ł���̂��B


var result = eval('(' + '{"add":400,"diff":200}' + ')');

�@��L�̗�ł́Aresult�Ƃ������O�̃I�u�W�F�N�g�Ƃ��č\������A���̂悤�ɂ��ĎQ�Ƃ��邱�Ƃ��ł���B


result['add'];  // ���̒l��400
result['diff'];  // ���̒l��200

�@�@�@�@�@�@ 1|2|3|4 ���̃y�[�W��

Copyright © ITmedia, Inc. All Rights Reserved.

'; e_dlv.innerHTML = html; adRequest({position:dlv_pos,dom:true}); }else if(ad_type === 'gam'){ var html = '
'; e_dlv.innerHTML = html; refreshGam('InArtSpecialLink'); }else if(ad_type === 'logly'){ var html = '
'; e_dlv.innerHTML = html; loglySet(g_id); }else if(ad_type === 'google'){ var html = '
'; e_dlv.innerHTML = html; googletag.cmd.push(function(){ var slot8 = googletag.defineSlot('/43042345/nlab_artinsert_RT',[[336,280],[300,250],'fluid'],'div-gpt-ad-1551176482959-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); googletag.display('div-gpt-ad-1551176482959-0'); googletag.pubads().refresh([slot8]); }); } }; var insert_ok = function(_target,_str){ var clearfix = d.createElement('div'); clearfix.className = 'colBoxClear'; if(ad_float_fix){ e_body.insertBefore(e_dlv,_target); e_body.insertBefore(clearfix,_target.nextElementSibling); }else{ e_body.insertBefore(e_dlv,_target); } set_dlv(); }; var insert_ng = function(_str){ e_dlv.style.display = 'none'; }; var main = function(){ var e_nodes = e_body.childNodes; // BODY �����q�v�f var e_tags = []; // BODY �����^�O var p_num = []; // BODY ���� P �^�O�ʒu var p_target_num; // �g�}����ʒu var o_float = {}; // ��荞�ݗv�f var o_this = {}; // �A�N�e�B�u�^�O var o_next = {}; // �A�N�e�B�u�^�O�̎��̃^�O var flag_insert = 0; // �}���t���O // ��荞�ݗv�f�`�F�b�N var check_float = function(_e){ var e = 0; if(_e.id.match(/^col\d{3}(l|r)$/)){ e = _e; } return e; }; // �v�f�� Y ���W�ƍ����̍��v�l var get_element_y = function(_e){ var ey = 0; var eh = _e.offsetHeight; while(_e){ ey += _e.offsetTop; _e = _e.offsetParent; } return ey + eh; }; var check_ptag = function(_e){ var e = 0; if(_e.tagName && _e.tagName === 'P'){ e = _e; } return e; }; var try_insert = function(){ p_target_num = Math.floor(p_num.length / 2) - 1; if(p_target_num >= _maxrange) p_target_num = _maxrange; if(dis_con) p_target_num = 0; for(var i = p_num[p_target_num]; i < e_tags.length; i++){ o_this.e = check_ptag(e_tags[i]); if(o_this.e){ o_next.e = check_ptag(e_tags[i + 1]); if(o_next.e){ if(!o_float.e || check_float(e_tags[i - 1])){ o_float.e = check_float(e_tags[i - 1]); o_float.n = i - 1; } if(o_float.e && o_float.n < i + 1){ o_float.y = get_element_y(o_float.e); o_this.y = get_element_y(o_this.e); set_line(o_float.y,'red'); set_line(o_this.y,'blue'); if(o_float.y < o_this.y){ flag_insert = 1; insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂���'); break; } }else{ flag_insert = 1; insert_ok(o_next.e,_threshold + ' �p���ȏ��荞�݂Ȃ�'); break; } } }else{ o_float = {}; } } if(!flag_insert){ insert_ng('�}���ʒu�Ȃ�'); } }; // �S�q�v�f����^�O�̂ݔz��ɓ���� for(var i = 0; i < e_nodes.length; i++){ if(e_nodes[i].tagName){ e_tags.push(e_nodes[i]); } } // �S�^�O���� P �^�O�ʒu��z��ɓ���� for(var i = 0; i < e_tags.length; i++){ if(e_tags[i].tagName === 'P') p_num.push(i); // �ŏ��̉�荞�ݗv�f���i�[ if(!o_float.e){ o_float.e = check_float(e_tags[i]); o_float.y = get_element_y(o_float.e); o_float.n = i; } } if(p_num.length >= _threshold){ try_insert(); }else{ insert_ng('P �^�O ' + _threshold + ' �ȉ�'); } }; if(e_body){ main(); }else{ insert_ng('�L���{���Ȃ�'); } })(document,4,5);

���ڂ̃e�[�}

���Ȃ��ɂ������߂̋L��PR