Ajax 사용

참고(ajax): http://www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp
참고(convert html special character): http://stackoverflow.com/questions/784586/convert-special-characters-to-html-in-javascript

코드:

<script type="text/javascript">
function getXmlHttp() {
 var xmlhttp;
  
 if (window.XMLHttpRequest) {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
 } else {
  // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 
 return xmlhttp;
}

function ajaxQuery(method, query, cb_onsuccess) {
 var xmlhttp = getXmlHttp();
 xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
   cb_onsuccess(xmlhttp);
  }
 }
 xmlhttp.open(method, query, true);
 xmlhttp.send();
}
</script>

팁) html 특수 문자 변환

<script type="text/javascript">
function htmlspecialchars(str) {
 return str.replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
}
</script>

주의 사항: url 을 외부 사이트로 할 경우 외부 사이트에서 허용을 해야만 접근 가능

• CORS 참고 - 링크

테스트: ajaxQuery('GET', '/', function(xmlhttp){document.getElementById('ajax-result').innerHTML = htmlspecialchars(xmlhttp.responseText);});

결과: