ajax 原生js写法

最新推荐文章于 2022-12-20 13:51:22 发布

路漫漫--

最新推荐文章于 2022-12-20 13:51:22 发布

阅读量387

点赞数

CC 4.0 BY-SA版权

分类专栏：毒蘑菇文章标签： js原生 ajax

本文链接：https://blog.youkuaiyun.com/qq_40597889/article/details/82754042

毒蘑菇专栏收录该内容

6 篇文章

订阅专栏

ajax状态描述

代码

<script>
	var s1 = document.getElementById('s1');
s1.onclick = function () {
    var hint_info = document.getElementById('hint_info');
    var user_name = document.getElementById('user_name');
    var xhr = new XMLHttpRequest();

    xhr.open('get', 'backend.php?user_name=' + user_name, true);
    xhr.send(null);
    xhr.onreadystatechange = function () {
        if(xhr.readyState == 4 && xhr.status == 200) {
            hint_info.innerHTML = '用户名可以使用'
        } else {
            hint_info.innerHTML = '用户名被注册了'
        }
    }
}
</script>