XMLHttpRequeset是什么

XmlHttpRequest,可扩展的超文本传输歇息。从字面上理解:xml,可扩展的标记语言;http,超文本传送协议;request,请求。XmlHttpRequest对象可以利用其中的回调函数,在不刷新页面的情况下,更新页面中的局部的显示。是AJAX可以得以实现的关键对象。

XMLHttpRequest的使用方法

XmlHttpRequest对象的使用,分为五部分。

1.创建HTML文件,并且创建XMLHttpRequest对象(由于IE浏览器不支持单独文件的JavaScript调用,所以将JavaScript写在了HTML文件中)。

2.注册回调方法。

3.设置和服务器端交互的相应参数。

4. 设置向服务器端发送的数据,启动和服务器端的交互,由于需要发送的数据都已经在URL中写入了,所以,这里就写如下代码就可以了(代码走到这里真正的和服务器开始交互)代码如下:

xmlhttp.send(null);

         5.写回调方法。在回调函数中判断交互是否结束,相应是否正确,并根据需要获取服务器端返回的数据,更新页面内容。

常用属性和方法

open方法: 指定和服务器交互的HTTP方法,URL地址及其他请求信息。具体写法:open(string method,string url,Boolean
asynch, string username,string password)

其中,method 表示HTTP请求方法。支持所有HTTP的方法;url表示请求的服务器的地址;asynch表示是否采用异步方式,true表示异步,
false表示同步。后面两个参数可以不指定。提供http认证机制需要的用户名和密码。

send(content) 向服务器发出请求,如果采用异步方式,该方法会立即返回。
content可以不指定或指定为null表示不发送数据。其内容可以是dom对象,也可以是输入流或者字符串。

XMLHttpRequest对象的使用注意事项:

1.不同浏览器中XMLHttpRequest对象建立的方式不同。

2.设置回调函数时,不要在函数名称后面加括号。仅仅是将回调函数的名字赋值给onreadystatechange这个属性。每次readyState的值发生变化的时候,回调函数都会被调用,但是我们一般只需要readyState状态为4的时候的数据。

3.open方法最多可以有五个参数,其中前三个是必须的。即使写null也不可以不写。

4.回调函数中,最好将判断readyState和status的两个if条件分开写。readyState写在外层,status写在内层。(这样在readyState不通过(值不为4)的时候,就不会浪费时间去做status的验证。)

5.当服务器没有正确返回xml数据的时候,在js中使用responseXML的方式获取返回的xml的数据的时候,不同浏览器的结果是有差异的。

初识XMLHttpRequeset的更多相关文章

  1. Android动画效果之初识Property Animation(属性动画)

    前言: 前面两篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画).Frame Animation(逐帧动画)Andr ...

  2. 初识Hadoop

    第一部分:              初识Hadoop 一.             谁说大象不能跳舞 业务数据越来越多,用关系型数据库来存储和处理数据越来越感觉吃力,一个查询或者一个导出,要执行很长 ...

  3. python学习笔记(基础四:模块初识、pyc和PyCodeObject是什么)

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  4. 初识IOS,Label控件的应用。

    初识IOS,Label控件的应用. // // ViewController.m // Gua.test // // Created by 郭美男 on 16/5/31. // Copyright © ...

  5. UI篇(初识君面)

    我们的APP要想吸引用户,就要把UI(脸蛋)搞漂亮一点.毕竟好的外貌是增进人际关系的第一步,我们程序员看到一个APP时,第一眼就是看这个软件的功能,不去关心界面是否漂亮,看到好的程序会说"我 ...

  6. Python导出Excel为Lua/Json/Xml实例教程(一):初识Python

    Python导出Excel为Lua/Json/Xml实例教程(一):初识Python 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出 ...

  7. 初识SpringMvc

    初识SpringMvc springMvc简介:SpringMVC也叫Spring Web mvc,属于表现层的框架.Spring MVC是Spring框架的一部分,是在Spring3.0后发布的 s ...

  8. 初识redis数据类型

    初识redis数据类型 1.String(字符串) string是redis最基本的类型,一个key对应一个value. string类型是二进制安全的.意思是redis的string可以包含任何数据 ...

  9. Redis初识、设计思想与一些学习资源推荐

    一.Redis简介 1.什么是Redis Redis 是一个开源的使用ANSI C 语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value 数据库,并提供多种语言的API.从2010 年 ...

随机推荐

  1. Spring简单属性注入--不常用!!!

    UserDAOImpl.java: package com.bjsxt.dao.impl; import com.bjsxt.dao.UserDAO; import com.bjsxt.model.U ...

  2. “canvas画布仿window系统自带画图软件"项目的思考

    "canvas画布仿window系统自带画图软件"项目的思考 首先贴上DEMO图,并没有美化效果.对UI有要求的,请自带补脑技术. 思考一 在做项目的过程中,我发现"工具 ...

  3. 3、手把手教你Extjs5(三)MVVM特性的简单说明

    下面我们来看一下自动生成的代码中的MVVM架构的关系.Main是一个可视的控件,MainController是这个控件的控制类,MainModel是这个控件的模型类. 在上面的图片中,左边是Main. ...

  4. VS2010 中 error 2732: 链接规范与的早期规范冲突 的解决

    在实验室做项目的时候遇到了这个问题,终于整明白了. 一般来说这个错误出现在类似以下的语句中 extern "C" int yylex(void); extern "C&q ...

  5. 由浅入深Mysql优化

    选Mysql优化作为我的第一篇博文,实在是因为这个东西很有意思,也是能体现后端开发人员设计细节及逻辑分析的一个知识点. 那么来吧: 作为Mysql优化,很多人大概能跟着感觉说出如下   :  (1)常 ...

  6. Recovering a WiredTiger collection from a corrupt MongoDB installation

    Reference: http://www.alexbevi.com/blog/2016/02/10/recovering-a-wiredtiger-collection-from-a-corrupt ...

  7. Test 17

    BZ OI 队测 T1: 题目大意: 喵星系有n个星球,标号为1到n,星球以及星球间的航线形成一棵树. 所有星球间的双向航线的长度都为1.小昕要在若干个星球建矿石仓库,设立每个仓库的费用为K.对于未设 ...

  8. UVa 10034 - Freckles

    题目大意:给出n个点的坐标(x,y),要求用线段将n个点连接起来,求最小的线段和. 最小生成树问题,用Kruskal算法进行求解,其中用到了并查集.将所有的点连接,构成一张图,对每一条边进行编号,两点 ...

  9. spring security 跨域防伪攻击

    applicationContext-security.xml中配置 <http use-expressions="true" disable-url-rewriting=& ...

  10. HTML 多媒体、Object 元素、音频、视频

    Web 上的多媒体指的是音效.音乐.视频和动画. 现代网络浏览器已支持很多多媒体格式. 什么是多媒体? 多媒体来自多种不同的格式.它可以是您听到或看到的任何内容,文字.图片.音乐.音效.录音.电影.动 ...