¾È³çÇϼ¼¿ä.
´äº¯ÀÌ ´Þ¸®Áö ¾Ê¾Æ¼ ´äº¯À» µå¸®´Âµ¥¿ä...
Áú¹®ÇϽŠºÎºÐÀÌ °ÀÇ ¼Ò½º°¡ ¾Æ´Ñ °ÀÇ ¿ÜÀûÀÎ ³»¿ëÀ̶ó¼
µüÈ÷ Á¶¾ðÀ» µå¸±¸¸ÇÑ ºÎºÐÀ» ãÁú ¸øÇؼ
´äº¯À» µå¸®Áö ¸øÇÕ´Ï´Ù.
¾Æ½±Áö¸¸, °³¹ßÀÚ Ä¿¹Â´ÏƼÀÇ Q&A¸¦ È°¿ëÇØ º¸½Ã´Â°Ô ¾î¶³±î Çϳ׿ä...
µµ¿ò µå¸®Áö ¸øÇÑ Á¡ Á˼ÛÇÕ´Ï´Ù.
ÇÔâ¼ö ´ÔÀÌ ¾²½Å ¿ø¹® ±ÛÀÔ´Ï´Ù.
ÇöÀç Á¦°¡ ½Ã°£Ç¥¸¦ ÀÛ¼ºÇÏ´Â À¥À» ±¸ÇöÇÏ°í ÀÖ½À´Ï´Ù.
ajax¸¦ »ç¿ëÇÏ¿©¼ form µ¥ÀÌÅ͸¦ ³¯¸°ÈÄ¿¡ DB¿¡¼ °Ë»öÇÏ¿© (subTable.jsp)¾Ö¼ µ¥ÀÌÅ͸¦ °¡Áö°í¿Í¼ Å×À̺íÀ» index.jsp¿¡ »Ñ·ÁÁÖ´Â Çü½ÄÀ» »ç¿ëÇÏ°í ÀÖ½À´Ï´Ù.
index.jsp¿¡¼ ¹öÆ°À» ´·¯ °Ë»öÀ» ÇÏ°ÔµÇ¸é µ¥ÀÌÅÍ´Â Àß °¡Áö°í¿À´Âµ¥ subTable.jsp¿¡ ÀÖ´Â script°¡ ¿©·¯°³ Áߺ¹À¸·Î »ý¼ºµÇ¾î script¾È¿¡ ÀÖ´Â
µ¥ÀÌÅͳª alert()¹®ÀÌ ¿©·¯°³ Ãâ·ÂÀÌ ¹®Á¦Á¡ÀÌ Àִµ¥ ÀÏÁÖÀϵ¿¾È ¿©·¯°¡Áö ¹æ¹ýÀ» »ç¿ëÇÏ¿© ÇØ°áÇØ º¸·Á°íÇßÁö¸¸ ÇØ°áÀ» ¸øÇؼ ¹®ÀÇ °Ô½ÃÆÇ¿¡ ¿Ã¸³´Ï´Ù.
¾î¶»°Ô ÇؾßÁö script°¡ Áߺ¹À¸·Î ³ª¿ÀÁö ¾Ê°í html¸¸ °»½ÅµÇ¾î³ª¿ÃÁö ¹æ¹ýÀ» °¡¸£ÃÄ ÁÖ¼ÌÀ¸¸é ÇÕ´Ï´Ù.
ÇöÀç ajax¸¦ÀÌ¿ëÇÏ¿© °ªÀ» º¸³»´Â °ÍÀ» jquery·Î ³ªÅ¸³½°ÍÀ» º¸¿©µå¸³´Ï´Ù.
$("#button").click(function() {
$('.tables *').remove();
alert("Ŭ¸¯");
$.ajax({
url:'subTable.jsp',
type:'post',
async:false,
dataType:'html',
data: {'keyField':$('#keyField').val(), 'keyWord':$('#keyWord').val(), 'Major':$('#Major').val() },
success: function(text){
alert(text);
$('.tables').append(text);
}
});
});
|