码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript强化教程——AJAX

时间:2016-08-02 17:16:29      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:html5 js

本文为 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";
}
?>

点击进入JS强化教程

本文出自 “11721999” 博客,请务必保留此出处http://11731999.blog.51cto.com/11721999/1833546

JavaScript强化教程——AJAX

标签:html5 js

原文地址:http://11731999.blog.51cto.com/11721999/1833546

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!