`
紫风哥哥
  • 浏览: 52311 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

简单的说Ajax请求通过XMLHttpRequest对象发送请求

阅读更多
简单的说Ajax请求通过XMLHttpRequest对象发送请求,该对象有四个状态(readyState):
0-未初始化
1-正在初始化
2-发送数据
3-正在发送数据
4-完成
当XMLHttpRequest.readyState为4时,表示请求已经完成可以得到响应结果。当然success和error方法还是根据响应状态码来触发。当XMLHttpRequest.status为200的时候,表示响应成功,此时触发success().其他状态码则触发error().
Jquery的$.ajax()函数只是封装了ajax请求,本质上还是通过JS XMLHttpRequest内置对象来处理的。
分享到:
评论

相关推荐

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    总的来说,XMLHttpRequest对象是实现Ajax技术的关键,它使得前端和后端可以更高效、更灵活地交互,极大地提升了Web应用的用户体验。理解并熟练掌握XMLHttpRequest的使用,对于任何前端开发者来说都至关重要。

    Ajax中的XMLHttpRequest对象详解

    使用 XMLHttpRequest 对象时,需要注意 IE 的缓存问题,可以通过在请求头中添加 Cache-Control:no-cache 来禁用缓存: `header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");` `header("Last-Modified: " . gmdate...

    VS2008 AJAX控件介绍 AJAX组成及XMLHttpRequest对象

    JavaScript通过XMLHttpRequest对象可以异步地发送GET或POST请求,并获取服务器的响应数据。 3. **DOM(Document Object Model)**:用于操作HTML或XML文档结构,通过JavaScript可以动态修改页面内容。 4. **CSS...

    Ajax简单实例 XMLHttpRequest

    总结来说,Ajax通过XMLHttpRequest对象实现了异步数据交换,提高了网页的交互性和用户体验。学习Ajax,首先要掌握创建XMLHttpRequest对象、设置请求、发送请求以及处理响应的基本步骤。通过不断实践和深入学习,你将...

    全面剖析Ajax的XMLHttpRequest对象.doc

    XMLHttpRequest 对象是 Ajax 的技术基础,理解这个对象的详细工作机制对于开发者来说非常重要。通过了解 XMLHttpRequest 对象的属性、方法和事件,开发者可以更好地控制 HTTP 请求与响应,提高应用程序的交互性和...

    全面剖析 Ajax XMLHttpRequest对象

    Ajax技术利用XMLHttpRequest对象发送HTTP请求并接收响应,从而在后台与服务器进行通信。例如,Gmail和Outlook Express等应用就广泛应用了Ajax技术。 XMLHttpRequest对象在所有主流浏览器中都有实现,尽管早期在...

    WEB开发 之 AJAX - 创建 XMLHttpRequest 对象.docx

    **WEB开发中的AJAX与XMLHttpRequest对象** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器交换数据并局部刷新页面,极大地提升了用户...

    Js拦截全局ajax请求

    Ajax Hook允许我们捕获并修改发送到服务器的Ajax请求以及接收到的响应,从而增强我们的应用功能。 首先,我们需要理解Ajax请求的基本原理。Ajax,即异步JavaScript和XML,是一种创建动态网页的技术。它允许我们在不...

    使用Ajax技术通过XMLHttpRequest对象完成首页登录功能

    10. 跨域问题:如果需要从一个域名下的页面发起Ajax请求到另一个域名下的服务器,可能会遇到浏览器的同源策略限制。这通常需要后端服务器设置CORS(跨源资源共享)策略来允许跨域请求。 通过上述内容的介绍,我们...

    AJAX技术使用XMLHttpRequest对象传递参数的中文乱码问题

    在使用AJAX技术进行前后端数据交互时,经常会出现中文字符编码的问题,尤其是在使用`XMLHttpRequest`对象发送请求的过程中。例如,在Internet Explorer(IE)浏览器与Mozilla Firefox浏览器之间存在不同的行为表现,...

    jQuery AJAX XMLHttpRequest对象PPT

    使用jQuery的$.ajax()函数,可以更方便地发起AJAX请求,同时处理兼容性问题。$.ajax()函数允许自定义各种选项,如数据类型、请求头、回调函数等,使得AJAX编程更加简洁和高效。 总结来说,XMLHttpRequest对象是前端...

    ajax 入门基础之 XMLHttpRequest对象总结

    一个典型的使用XMLHttpRequest对象进行Ajax请求的流程如下: 1. 创建XMLHttpRequest对象。 2. 使用`open()`方法初始化请求,指定请求类型(GET/POST)、URL和是否异步。 3. 设置`onreadystatechange`事件处理器。 4...

    使用AJAX发送异步请求

    以下是一个简单的AJAX请求示例,演示了如何创建和使用XMLHttpRequest对象: ```javascript var xhr = createXMLHttpRequestObject(); function createXMLHttpRequestObject() { var xhr = false; try { xhr = ...

    创建XMLHttpRequest对象的方法.rar

    总结,"创建XMLHttpRequest对象的方法.rar"这个资源主要介绍了如何在JavaScript中创建并使用XMLHttpRequest对象进行AJAX通信,包括对象创建、状态监听、请求初始化和发送、以及响应处理等关键步骤。在实际项目中,...

    完美解决ajax访问遇到Session失效的问题

    最近由于一个项目,模块切换为ajax请求数据,当Session失效后,ajax请求后没有返回值,只有响应的html:<...显而易见,传统的页面跳转在此已经不适用,因为Ajax请求是XMLHTTPRequest对象发起的而不

    ajax --XMLHttpRequest

    Ajax技术通过XMLHttpRequest对象实现了网页的异步更新,提高了用户体验。在.NET环境中,Ajax功能得到了广泛支持,开发者可以利用各种工具和库来简化开发流程。对于深入学习,分析Ajax.dll的源码有助于理解底层实现,...

    AJAX 请求完成时执行函数。Ajax 事件。

    AJAX请求通常包括以下几个步骤:创建XMLHttpRequest对象、打开连接、发送请求和接收响应。当请求完成时,我们需要执行一些后续操作,这通常通过设置回调函数来实现。 2. **XMLHttpRequest对象** XMLHttpRequest...

    XMLHttpRequest对象的介绍和实现

    通过本文档的学习,读者不仅了解了XMLHttpRequest对象的基本概念和使用方法,还掌握了如何利用它进行简单的页面更新和数据处理。此外,我们还讨论了如何创建一个更加健壮和灵活的ServerAccessObject模块,以方便在...

    ajax原理,xmlHttpRequest

    下面是一个简单的AJAX示例,展示了如何使用`XMLHttpRequest`对象发送请求并处理响应: ```javascript function Ustbwuyi() { var data = document.getElementById("username").value; CreateXmlHttp(); if (!...

Global site tag (gtag.js) - Google Analytics