【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

相关文章

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

Java如何通过反射机制获取数据类对象的属性及方法

《Java如何通过反射机制获取数据类对象的属性及方法》文章介绍了如何使用Java反射机制获取类对象的所有属性及其对应的get、set方法,以及如何通过反射机制实现类对象的实例化,感兴趣的朋友跟随小编一... 目录一、通过反射机制获取类对象的所有属性以及相应的get、set方法1.遍历类对象的所有属性2.获取

java中VO PO DTO POJO BO DO对象的应用场景及使用方式

《java中VOPODTOPOJOBODO对象的应用场景及使用方式》文章介绍了Java开发中常用的几种对象类型及其应用场景,包括VO、PO、DTO、POJO、BO和DO等,并通过示例说明了它... 目录Java中VO PO DTO POJO BO DO对象的应用VO (View Object) - 视图对象

vue如何监听对象或者数组某个属性的变化详解

《vue如何监听对象或者数组某个属性的变化详解》这篇文章主要给大家介绍了关于vue如何监听对象或者数组某个属性的变化,在Vue.js中可以通过watch监听属性变化并动态修改其他属性的值,watch通... 目录前言用watch监听深度监听使用计算属性watch和计算属性的区别在vue 3中使用watchE

Java将时间戳转换为Date对象的方法小结

《Java将时间戳转换为Date对象的方法小结》在Java编程中,处理日期和时间是一个常见需求,特别是在处理网络通信或者数据库操作时,本文主要为大家整理了Java中将时间戳转换为Date对象的方法... 目录1. 理解时间戳2. Date 类的构造函数3. 转换示例4. 处理可能的异常5. 考虑时区问题6.

easyui同时验证账户格式和ajax是否存在

accountName: {validator: function (value, param) {if (!/^[a-zA-Z][a-zA-Z0-9_]{3,15}$/i.test(value)) {$.fn.validatebox.defaults.rules.accountName.message = '账户名称不合法(字母开头,允许4-16字节,允许字母数字下划线)';return fal

Java第二阶段---09类和对象---第三节 构造方法

第三节 构造方法 1.概念 构造方法是一种特殊的方法,主要用于创建对象以及完成对象的属性初始化操作。构造方法不能被对象调用。 2.语法 //[]中内容可有可无 访问修饰符 类名([参数列表]){ } 3.示例 public class Car {     //车特征(属性)     public String name;//车名   可以直接拿来用 说明它有初始值     pu

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" d

javascript实现ajax

什么是 ajax ajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取。 http 请求 首先需要了解 http 请求的方法(GET 和 POST)。 GET 用于获取数据。GET 是在 URL 中传递数据,它的安全性低,容量低。 POST 用于上传数据。POST 安全性一般,容量几乎无限。 aj

PHP7扩展开发之对象方式使用lib库

前言 上一篇文章,我们使用的是函数方式调用lib库。这篇文章我们将使用对象的方式调用lib库。调用代码如下: <?php $hello = new hello(); $result = $hello->get(); var_dump($result); ?> 我们将在扩展中实现hello类。hello类中将依赖lib库。 代码 基础代码 这个扩展,我们将在say扩展上增加相关代码。sa