JavaScript强化教程——AJAX

本文为 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强化教程

时间: 2024-10-11 01:29:23

JavaScript强化教程——AJAX的相关文章

JavaScript强化教程——jQuery AJAX 实例

什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示.使用 AJAX 的应用程序案例:谷歌地图.腾讯微博.优酷视频.人人网等等. jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector).l

JavaScript强化教程 —— JavaScript 总结

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- JavaScript 总结 本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强. 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本. 你也学到了如何创建和使用对象,以及如何使用 JavaScript 的内置对象. HTML DOM HTML DOM 定义了访问和操作 HTML 文档的标准方法. HTML DOM 独立于

JavaScript强化教程——JavaScript 总结

本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强. 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本. 你也学到了如何创建和使用对象,以及如何使用 JavaScript 的内置对象. HTML DOM HTML DOM 定义了访问和操作 HTML 文档的标准方法. HTML DOM 独立于平台和语言,可被任何编程语言使用,比如 Java.JavaScript 和 VBscript. 假如希望了解更多关于 DOM

JavaScript强化教程 - 六步实现贪食蛇

本文为H5EDU机构官方的HTML5培训教程,主要介绍贪食蛇JavaScript强化教程 1.首先创建div 并且给div加样式 <div id="pannel" style="width: 500px;height: 500px;z-index: 1;opacity: 0.5"></div> 给 <style...> 地图(div和表格).所有的块(蛇头,食物身体加样式) 2.创建地图     document.write(&q

JavaScript强化教程——Bootstrap 包的内容

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- Bootstrap 包的内容 基本结构:Bootstrap 提供了一个带有网格系统.链接样式.背景的基本结构.这将在 Bootstrap 基本结构 部分详细讲解. CSS:Bootstrap 自带以下特性:全局的 CSS 设置.定义基本的 HTML 元素样式.可扩展的 class,以及一个先进的网格系统.这将在 Bootstrap CSS 部分详细讲解. 组件:Bootstrap 包含了十几个可重用

JavaScript强化教程——AngularJS 指令

本文为 H5EDU 机构官方 HTML5培训 AngularJS 通过被称为 指令 的新属性来扩展 HTML. AngularJS 通过内置的指令来为应用添加功能. AngularJS 允许你自定义指令. AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-. ng-app 指令初始化一个 AngularJS 应用程序. ng-init 指令初始化应用程序数据. ng-model 指令把元素值(比如输入域的值)绑定到应用程序. 完整的指令内容可以参阅 An

JavaScript强化教程-cookie对象

Cookie对象: 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据).Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. 存储 cookie <script>     function saveCookie(cname,cvalue,exdays){         var d = new Date();         d.setTim

JavaScript强化教程——jQuery选择器

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- jQuery选择器 jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p&

JavaScript强化教程——Bootstrap

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 -- Bootstrap Bootstrap 简介 什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 历史 Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的.Bootstrap 是 2011 年八月在 GitHub 上发布