学习去使用 Ajax

AJAX理论

AJAX:与服务器进行数据的交互,可以实现异步加载、数据的局部刷新。

AJAX的请求流程

<script>
    function _onload() {
        //ajax请求数据
        //1、创建AJAX的XMLHttpRequest
        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");
            }
        //2、发送请求
        xmlhttp.open("GET", url, true);
        xmlhttp.send();
        //3、监听事件
        xmlhttp.onreadystatechange = function() {
            //200响应成功、302重定向、403没有权限、404页面找不到、500服务器端出现问题
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    var objstr = xmlhttp.responseText;
                    var obj = JSON.parse(objstr);
                }
        }
    }
</script>
本作品采用《CC 协议》,转载必须注明作者和本文链接
小狗和莉莉
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!