javascript-ajax的使用

最新推荐文章于 2022-05-15 16:17:24 发布

ZhangXD_BLOG

最新推荐文章于 2022-05-15 16:17:24 发布

阅读量298

点赞数

分类专栏： JavaScript HTML5+CSS3

本文链接：https://blog.csdn.net/u012054869/article/details/51734584

版权

HTML5+CSS3 同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

JavaScript

41 篇文章 0 订阅

订阅专栏

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax请求服务器</title>
</head>
<body>
输入内容：<input type="text" id="text1">
密码：<input type="password" id="text2">
<script>
    var a=document.getElementById("text1");
    var b=document.getElementById("text2");
    var xml=null;
    b.onblur=function(){
            if (window.ActiveXObject) {
                xml = new ActiveXObject("Microsoft.XMLHTTP");
            } else {
                xml = new XMLHttpRequest();
            }

            if (xml != null) {
                xml.open("get", "/myhomework/160620-ajax/login.php?username="+ a.value+"&password="+ b.value, true);
                xml.send(null);
                xml.onreadystatechange = call;
            }
    }
    function call(){
        if(xml.readyState==4){
            if(xml.status==200){
                alert(xml.response);
            }
        }
    }
</script>
</body>
</html>

<?php
$name=$_GET["username"];
$pass=$_GET["password"];
if($name=="zhang@qq.com"){
    echo "用户名正确！";
}else{
    echo "用户名错误";
}
if($pass=="123"){
    echo "密码正确!";
}else{
    echo "密码不正确";
}
?>