JavaScript强化教程——AJAX

最新推荐文章于 2020-03-10 18:43:53 发布

原创最新推荐文章于 2020-03-10 18:43:53 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了如何利用AJAX技术实现实时输入验证功能。通过一个简单的HTML页面示例，展示了当用户离开输入框时，如何异步发送请求到服务器进行验证，并接收服务器返回的状态信息。同时提供了一个PHP后端脚本来响应这些请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍： JavaScript强化教程 ——AJAX

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="myend">

<script>
    var pv = document.getElementById("myend");
    var xmlhttp = null;
    pv.onblur = function(){
        if(window.ActiveXObject){//表明是IE
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }else {//表明是 google oprea Firefox 等浏览器
            xmlhttp = new XMLHttpRequest();
        }
        if(xmlhttp!=null){
            xmlhttp.open("get","/061902v/logoin.php?us="+pv.value,true);//异步
            xmlhttp.send(null);//只用于post方式，get方式参数为null
            xmlhttp.onreadystatechange = callback;//请求服务器回调
        }
    }
    function callback(){
        if(xmlhttp.readyState == 4){//表示服务器请求成功
            if(xmlhttp.status ==200){//服务器返回数据
                alert(xmlhttp.response);//弹出服务器返回的数据
            }

        }
    }


</script>
</body>
</html>

简单的php文件

<?php
$name = $_GET["us"];
if($name=="wangyi"){
echo "1";
}else{
echo "0";
}
?>