java学习经验 Ajax 学习笔记

2016-02-19 15:32 0 1 收藏

今天图老师小编给大家介绍下java学习经验 Ajax 学习笔记,平时喜欢java学习经验 Ajax 学习笔记的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

今天看了XMLHttpRequest 的属性:

onreadystatechange

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

//当改变状态时都会触发这个事件,通常会调用 JavaScript 函数.

//状态有5个值:  0:未初始化.   1:正在加载.   2:已加载.    3:交互中.   4:完成.

responseTest

//服务器的响应,表示为一个串.

responseXML

 //服务器的响应,表示为 XML

status

//服务器HTTP的状态编号  (  200 对应OK,404 对应没有找到.   还有很多,大家可以上

网找找.........................)

statusTest       

//服务器HTTP的状态文本  ( OK,Not Found.   还有很多,大家可以上网找

找.........................)

=============================================================================

=

一个简单的例子:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

客户端触发一个AJAX事件.

input type="text" id="email" name="发送邮件" onblur="validateemail()";

=========================================================

下面是 validateemail 函数:

var xmlHttp;

function validataemail()

{

        var email=document.getElemenById("email");

        var url="validate?email=" + escape (email.value);

        if (window.ActiveXObject)

        {

                 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

        }

        else if(window.XMLHttpRequest)

       {

                xmlHttp=new XMLHttpRequest

        }

       xmlHttp.open("GET",url);

       xmlHttp.onreadystatechange=callback;

       xmlHttp.send(null);

}

'***********************************************************************/
'* Function Name: callback                                   */
'* Input Arguments:                                              */
'* Out Arguments :                                     &

nbsp;          */
'* :                                                                         */
'* Description : 检查 XMLHttpRequest 的 readyState 属性,

                           看服务器返回的状态码.          */
'* Author :                                                            */
'* Date : 2006-11-30                                           */
'***********************************************************************/

function callback()

{

         if (xmlHttp.readyState==4)

         {

                  if (xmlHttp.status==200)

                  {

                          //做你想做的事.

                  }

          }

}

来源:https://www.tulaoshi.com/n/20160219/1609841.html

延伸阅读
标签: Web开发
现在浏览器端以 javascript 为核心,基于各种 Web 标准(即:早已完成标准化的XHTML/CSS/DOM/XML/XSLT 和正在进行标准化的XMLHTTP)的技术正在加速整合,Ajax 就是这一系列技术的一个统称。 虽然网络上已经有大量的相关资源,但是为了打好基础,认真读上几本书还是很有必要的。 好在 Ajax 并不是什么全新的技术,它仅仅是传统技术的发展和增值,...
一、环境搭建 a) JDK:一些工具都是运行在此平台上的,有些工具自带了JDK。 http://java.sun.com/j2se/1.4.2/download.html b) Eclipse:Java的IDE开发工具。 http://www.eclipse.org c) Struts:Struts开发工具包。 http://struts.apache.org/ d) Tomcat:Web服务器,用于测试、发布Web应用程序。 ...
标签: PHP
基本语法 所有的smarty标签都被加上了定界符.在smarty里,所有定界符以外的内容都是静态的,当smarty遇到了模板标签,将尝试解释他们,然后再以恰当的方式输出. 默认情况下是 {和},但它们是可定制的.定制方法是: $smarty-left_delimiter = '<!--{'; $smarty-right_delimiter = '}--'; 1.注释 模板注释被*号包围,例如 {*...
  学习Java已经很长时间了,但是总感觉基础不是很好,有时候遇到一些平时不常见的问题就会无从下手,也从侧面显现了自己的一些问题。所以,打算写Java的随手笔记来巩固基础,加强学习。今天是第一篇,主要是java的安装,配置,也就是常说的Hello world。   一、下载   进入Oracle的官网,下载Java的jdk,   ...
标签: Web开发
1、li中的LI前面的符号不出现而且不占位置       list-style:none; margin:0px;padding:0px; 2、CSS相对定位语法 当父对象的position为absolute或者relative的时候 子对像如果设置了position为absolute,则top,left,right,bottom相对于父对象 例子: div id="AAA" style="position:relative;"基准点 div id="num...

经验教程

527

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部