【AJAX】——XMLHttpRequest对象

2024-08-25 21:18
文章标签 对象 ajax xmlhttprequest

本文主要是介绍【AJAX】——XMLHttpRequest对象,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


    XMLHttpRequest对象是在AJAX视频中重点介绍的一个知识点,最早是在IE5.0中以ActiveX控件的形式出现的,后来被很多浏览器厂商开始支持,但在各个浏览器的实现上有所不同。


    XMLHttpRequest的五步使用法

    1.建立XMLHttpRequest对象;
    2.注册回调函数
    3.使用open方法设置和服务器端交互的基本信息
    4.设置发送的数据,开始和服务器端交互
    5.在回调函数中判断交互是否结束,相应是否正确,并根据需要获取服务器端返回的数据,更新页面内容

    XMLHttpRequest的详细属性和方法

方法

描述

Open(String methos,String url,Boolean asynch,String username,String password)

指定和服务器端交互的HTTP方法,URL地址及其它请求信息。

Method表示HTTP请求方法,支持所有HTTP的方法;asynch表示是否采用异步同步,true表示异步,false表示同步。

Send(content)

向服务器发出请求,如果采用异步方式,该方法会立即返回;

Content可以不指定或指定为null表示,不发送数据;

GetAllResponseHeaders()

返回包含HTTP的所有响应头信息;

返回值是一个字符串,包含所有头信息,其中每一个键名和键值用冒号分开

SetRequestHeader(String header,String value)

设置HTTP请求中的指定头部header的值为value,此方法需在open方法以后调用。

GetResponseHeader(String header)

返回HTTP响应头中指定的键名header对应的值

Abort()

停止当前http请求,对应的XMLHttpRequest对象会复位到未初始化的状态

ResponseText

服务器响应的文本内容

ResponseXML

服务器响应的XML内容对应的DOM对象

Status

服务器返回的http状态码

StatusText

服务器返回状态码的文本信息


    

    XMLHttpRequest的五步使用注意事项

    1.不同浏览器中 XMLHttpRequest对象建立的方式不同;
    2.设置回调函数时,不要在函数名后面加括号。加括号表示将回调函数的返回值注册给onreadystatechange属性。
    3.open方法最多可以有五个参数,其中头三个参数是必须的。
      使用GET方法时,请求数据位于URL链接中,后面的send方法的参数直接写null就可以使用;
      使用POST方式时,open方法后面需要先调用setRequestHeader方法,来设置contentType的值,然后调用send方法,send的参数就是请求的数据。
    4.回调函数中,最好将判断readyState和status的两个if条件,分开来写。readyState的判断条件位于外层,status的位于内层;
    5.当服务器端没有正确返回XML数据时,在Javascript中使用responseXML的方式获取返回的XML数据对应的DOM对象时,FireFox和IE的结果是有差别的。

    扩展问题

      解决XMLHttpRequest请求的缓存问题

      1.我们使用添加时间戳的方式来解决;
      2.关键代码:
if(url.indexOf("?")>=0){url=url+"&t="+(new Date()).valueOf();
}else{url=url+"?t="+(new Date()).valueOf();
}


      解决AJAX应用中的中文问题

      在使用AJAX的过程中,出现中文乱码有两种情况:
      1.请求数据中包含中文,服务器端程序接收错误导致出现乱码;
      2.响应数据中包含中文,编码设置错误导致浏览器中看到的结果数据是乱码。

      对于响应数据乱码的问题,要保证页面端定义的charset和http响应头的Content-Type中定义的charset一致即可。
      http响应头的Content-Type中charset设置为utf-8;仅仅使用"MSXML2.XMLHTTP","Miscrosoft.XMLHTTP"这两个中的一个来创建XMLHttpRequest对象。

    小结

    在AJAX的视频中,是针对知识点分章节来讲解的,这样更清晰的把知识点有针对性的屡了出来,再通过代码的实例说明,让学者能够更容易的理解并吸收,关于XMLHttpRequest对象的讲解大致就是这一部分!



这篇关于【AJAX】——XMLHttpRequest对象的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1106680

相关文章

C++类和对象之初始化列表的使用方式

《C++类和对象之初始化列表的使用方式》:本文主要介绍C++类和对象之初始化列表的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C++初始化列表详解:性能优化与正确实践什么是初始化列表?初始化列表的三大核心作用1. 性能优化:避免不必要的赋值操作2. 强

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》:本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中,经常在html页面通过AJAX进行前后端数据的交互,SpringMVC的controll

Java对象转换的实现方式汇总

《Java对象转换的实现方式汇总》:本文主要介绍Java对象转换的多种实现方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java对象转换的多种实现方式1. 手动映射(Manual Mapping)2. Builder模式3. 工具类辅助映

Python中判断对象是否为空的方法

《Python中判断对象是否为空的方法》在Python开发中,判断对象是否为“空”是高频操作,但看似简单的需求却暗藏玄机,从None到空容器,从零值到自定义对象的“假值”状态,不同场景下的“空”需要精... 目录一、python中的“空”值体系二、精准判定方法对比三、常见误区解析四、进阶处理技巧五、性能优化

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX(AsynchronousJavaScriptandXML)被广泛用于异步请求数据,而无需刷新整个页面,:本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多

在java中如何将inputStream对象转换为File对象(不生成本地文件)

《在java中如何将inputStream对象转换为File对象(不生成本地文件)》:本文主要介绍在java中如何将inputStream对象转换为File对象(不生成本地文件),具有很好的参考价... 目录需求说明问题解决总结需求说明在后端中通过POI生成Excel文件流,将输出流(outputStre

C#原型模式之如何通过克隆对象来优化创建过程

《C#原型模式之如何通过克隆对象来优化创建过程》原型模式是一种创建型设计模式,通过克隆现有对象来创建新对象,避免重复的创建成本和复杂的初始化过程,它适用于对象创建过程复杂、需要大量相似对象或避免重复初... 目录什么是原型模式?原型模式的工作原理C#中如何实现原型模式?1. 定义原型接口2. 实现原型接口3

Java实现将byte[]转换为File对象

《Java实现将byte[]转换为File对象》这篇文章将通过一个简单的例子为大家演示Java如何实现byte[]转换为File对象,并将其上传到外部服务器,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言1. 问题背景2. 环境准备3. 实现步骤3.1 从 URL 获取图片字节数据3.2 将字节数组

Javascript访问Promise对象返回值的操作方法

《Javascript访问Promise对象返回值的操作方法》这篇文章介绍了如何在JavaScript中使用Promise对象来处理异步操作,通过使用fetch()方法和Promise对象,我们可以从... 目录在Javascript中,什么是Promise1- then() 链式操作2- 在之后的代码中使

MyBatis的配置对象Configuration作用及说明

《MyBatis的配置对象Configuration作用及说明》MyBatis的Configuration对象是MyBatis的核心配置对象,它包含了MyBatis运行时所需的几乎所有配置信息,这个对... 目录MyBATis配置对象Configuration作用Configuration 对象的主要作用C