Thursday, November 17, 2016

[JavaScript] 如何不依賴 jQuery 使用原生 JavaScript 來操作 AJAX

最簡單的範例 (使用GET),如下:

【JS的部分】
<script>
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");
}
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
        document.getElementById("mydiv").innerHTML=xmlhttp.responseText;
    }
}
xmlhttp.open("GET","myajax.php?t=" + Math.random(),true);
xmlhttp.send();
</script>

【HTML的部分】
<div id="mydiv"></div>

【後端PHP的部分 myajax.php】
<?php
echo "Hello world.";

No comments:

Post a Comment