{"id":5197,"date":"2008-02-16T15:34:08","date_gmt":"2008-02-16T06:34:08","guid":{"rendered":"http:\/\/terzeron.net\/wp\/?p=743"},"modified":"2008-02-16T15:34:08","modified_gmt":"2008-02-16T06:34:08","slug":"ajax-%ec%89%bd%ea%b2%8c-%ec%82%ac%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95-2","status":"publish","type":"post","link":"https:\/\/terzeron.com\/?p=5197","title":{"rendered":"AJAX \uc27d\uac8c  \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95"},"content":{"rendered":"<p>AJAX\ub9cc\ud07c \ubd80\ud480\ub824\uc9c4 \uc2e0 \uae30\uc220\uc774 \uc5c6\uc744 \uac83\uc774\ub2e4. \uc6f9 \uac1c\ubc1c\uc5d0 \uc870\uae08\uc774\ub77c\ub3c4 \uad00\uc2ec\uc774 \uc788\uc5c8\ub358 \uac1c\ubc1c\uc790\ub77c\uba74 AJAX\ub97c \ub4e4\uc5b4\ubcf4\uc9c0 \ubabb\ud55c \uc0ac\ub78c\uc774 \uc5c6\uc744 \ud150\ub370, \uc815\uc791 AJAX\ub294 \uad49\uc7a5\ud788 \uc5b4\ub824\uc6b4 \uc2e0 \uae30\uc220\ub85c \uc778\uc2dd\ub418\uc5b4 \uadf8 \ubcf8\uc9c8\uc744 \uc81c\ub300\ub85c \uac04\ud30c\ud55c \uc0ac\ub78c\ub4e4\uc774 \ubcc4\ub85c \uc5c6\ub294 \uac83 \uac19\ub2e4. \uadf8\uc5d0 \ub300\ud55c \uc99d\uac70\ub294 \uc11c\uc810\uc5d0 \ub110\ub824\uc788\ub294 \uc218\ub9ce\uc740 AJAX \uad00\ub828 \uae30\uc220 \uc11c\uc801\uc774\ub2e4. Javascript\ub77c\uba74 \ubaa8\ub97c\uae4c. AJAX\uac00 \ucc45 \ud55c \uad8c\uc774\ub77c&#8230;? \uc544\ub798 \ucf54\ub4dc \uc138 \uc870\uac01\uc774\uba74 AJAX\ub294 \ub354 \uc774\uc0c1 \uc5c6\ub2e4.<\/p>\n<p>ajax.js<\/p>\n<pre class=\"brush: js\">function getXmlHttpObject()\n{\n    var xmlHttp=null;\n    try {\n\t\/\/ Firefox, Opera 8.0+, Safari\n\txmlHttp=new XMLHttpRequest();\n    } catch (e) {\n\t\/\/ Internet Explorer\n\ttry {\n\t    xmlHttp=new ActiveXObject(\"Msxml2.XMLHTTP\");\n\t} catch (e) {\n\t    xmlHttp=new ActiveXObject(\"Microsoft.XMLHTTP\");\n\t}\n    }\n    return xmlHttp;\n}\n\nvar xmlHttp;\nvar elementId;\n\nfunction stateChanged()\n{\n    if (xmlHttp.readyState == 4) {\n\tdocument.getElementById(elementId).innerHTML = xmlHttp.responseText;\n    }\n}\n\nfunction ajaxDisplay(url, element_id)\n{\n    elementId = element_id;\n    xmlHttp = getXmlHttpObject();\n    if (xmlHttp == null) {\n\treturn;\n    }\n    xmlHttp.onreadystatechange = stateChanged;\n    xmlHttp.open(\"GET\", url, true);\n    xmlHttp.send(null);\n}<\/pre>\n<p>ajax_test.html<\/p>\n<pre class=\"brush: html\"><html>\n<body>\n<script src=\"ajax.js\"><\/script>\n<form name=\"myForm\">\n<input type=\"button\" onclick='ajaxDisplay(\"ajax_response.php\", \"div_01\");' value=\"request\">\n<\/form>\n<div id=\"div_01\" style='width: 300px; border-width: 1px; border-style: solid;'>\uac12\uc774 \ucc44\uc6cc\uc9c8 \uacf3<\/div>\n<\/body>\n<\/html><\/pre>\n<p>ajax_response.php<\/p>\n<pre class=\"brush: php\">< ?\nprint \"helloworld\";\n? ><\/pre>\n<p>\uc0ac\uc6a9\ubc29\ubc95<br \/>\n1. ajax.js\ub97c \uc800\uc7a5\ud55c\ub2e4.<br \/>\n2. ajax_test.html\uc5d0\uc11c SCRIPT \ud0dc\uadf8\ub97c \uc774\uc6a9\ud558\uc5ec ajax.js\ub97c \ud3ec\ud568\uc2dc\ud0a4\uace0, \uc784\uc758\uc758 event handler\uc5d0 ajaxDisplay() \ud568\uc218\uac00 \uc2e4\ud589\ub418\ub3c4\ub85d \ud55c\ub2e4. ajaxDisplay() \ud568\uc218\uc758 \uccab\ubc88\uc9f8 parameter\ub294 \uac12\uc744 \ub9cc\ub4e4\uc5b4\ub0bc \uc6f9\ud398\uc774\uc9c0\uc758 URL\uc774\uace0, \ub450\ubc88\uc9f8 parameter\ub294 \uac12\uc744 \ucc44\uc6cc\ub123\uc744 DOM \uac1d\uccb4\uc758 ID\uc774\ub2e4.<br \/>\n3. ajax_response.php\ub294 \uc6f9\uc11c\ubc84\uc5d0\uc11c \ud544\uc694\ud55c \ucc98\ub9ac\ub97c \ud55c \ub2e4\uc74c, AJAX\ub97c \ud1b5\ud574 \ube0c\ub77c\uc6b0\uc800\uc5d0\uac8c \ud14d\uc2a4\ud2b8\ub97c \uc804\uc1a1\ud568\uc73c\ub85c\uc368 \ube0c\ub77c\uc6b0\uc800\uac00 \ud398\uc774\uc9c0\ub97c \uc0c8\ub85c \uc77d\uc5b4\ub4e4\uc774\uc9c0 \uc54a\uc73c\uba74\uc11c \ud398\uc774\uc9c0\ub97c \uac31\uc2e0\ud560 \uc218 \uc788\ub3c4\ub85d \ud574\uc900\ub2e4.<\/p>\n<p>\uc608\ub97c \ub4e4\uc5b4, \uace0\uac1d\uc758 ID\ub97c \uc804\uc1a1\ud558\uc5ec \uace0\uac1d\uc758 \uc804\ud654\ubc88\ud638\ub97c \ubc1b\uace0 \uc2f6\ub2e4\uba74<\/p>\n<pre class=\"brush: js\">ajaxDisplay(\"ajax_reponse.php?id=terzeron\", \"div_01\");<\/pre>\n<p>\ub85c \uc9c0\uc815\ud558\uc5ec ID\uac12\uc744 \uc11c\ubc84\uc5d0 \uc804\ub2ec\ud558\uace0 \uc11c\ubc84\ub294 ID\uac12\uc5d0 \ub300\uc751\ub418\ub294 \uc804\ud654\ubc88\ud638\ub97c \ucd9c\ub825\ud558\uba74 \ub41c\ub2e4.<\/p>\n<div class=\"fb-background-color\">\n\t\t\t  <div \n\t\t\t  \tclass = \"fb-comments\" \n\t\t\t  \tdata-href = \"https:\/\/terzeron.com\/?p=5197\"\n\t\t\t  \tdata-numposts = \"100\"\n\t\t\t  \tdata-lazy = \"true\"\n\t\t\t\tdata-colorscheme = \"light\"\n\t\t\t\tdata-order-by = \"time\"\n\t\t\t\tdata-mobile=true>\n\t\t\t  <\/div><\/div>\n\t\t  <style>\n\t\t    .fb-background-color {\n\t\t\t\tbackground: #ffffff !important;\n\t\t\t}\n\t\t\t.fb_iframe_widget_fluid_desktop iframe {\n\t\t\t    width: 100% !important;\n\t\t\t}\n\t\t  <\/style>\n\t\t  ","protected":false},"excerpt":{"rendered":"<p>AJAX\ub9cc\ud07c \ubd80\ud480\ub824\uc9c4 \uc2e0 \uae30\uc220\uc774 \uc5c6\uc744 \uac83\uc774\ub2e4. \uc6f9 \uac1c\ubc1c\uc5d0 \uc870\uae08\uc774\ub77c\ub3c4 \uad00\uc2ec\uc774 \uc788\uc5c8\ub358 \uac1c\ubc1c\uc790\ub77c\uba74 AJAX\ub97c \ub4e4\uc5b4\ubcf4\uc9c0 \ubabb\ud55c \uc0ac\ub78c\uc774 \uc5c6\uc744 \ud150\ub370, \uc815\uc791 AJAX\ub294 \uad49\uc7a5\ud788 \uc5b4\ub824\uc6b4 \uc2e0 \uae30\uc220\ub85c \uc778\uc2dd\ub418\uc5b4 \uadf8 \ubcf8\uc9c8\uc744 \uc81c\ub300\ub85c \uac04\ud30c\ud55c \uc0ac\ub78c\ub4e4\uc774 \ubcc4\ub85c \uc5c6\ub294 \uac83 \uac19\ub2e4. \uadf8\uc5d0 \ub300\ud55c \uc99d\uac70\ub294 \uc11c\uc810\uc5d0 \ub110\ub824\uc788\ub294 \uc218\ub9ce\uc740 &hellip; <a href=\"https:\/\/terzeron.com\/?p=5197\">\uacc4\uc18d \uc77d\uae30 <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[13,9],"tags":[],"class_list":["post-5197","post","type-post","status-publish","format-standard","hentry","category-programming","category-9"],"_links":{"self":[{"href":"https:\/\/terzeron.com\/index.php?rest_route=\/wp\/v2\/posts\/5197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/terzeron.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/terzeron.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/terzeron.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/terzeron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5197"}],"version-history":[{"count":0,"href":"https:\/\/terzeron.com\/index.php?rest_route=\/wp\/v2\/posts\/5197\/revisions"}],"wp:attachment":[{"href":"https:\/\/terzeron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/terzeron.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/terzeron.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}