`

Ajax请求和返回处理

    博客分类:
  • js
 
阅读更多

http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/index.html?ca=dwcn-newsletter-xml

 

XMLHttpRequest 简介

要真正实现这种绚丽的奇迹,必须非常熟悉一个 JavaScript 对象,即 XMLHttpRequest 。这个小小的对象实际上已经在几种浏览器中存在一段时间了,它是本专栏今后几个月中要介绍的 Web 2.0、Ajax 和大部分其他内容的核心。为了让您快速地大体了解它,下面给出将要用于该对象的很少的几个 方法和属性。

  • open() :建立到服务器的新请求。
  • send() :向服务器发送请求。
  • abort() :退出当前请求。
  • readyState :提供当前 HTML 的就绪状态。
  • responseText :服务器返回的请求响应文本。

如果不了解这些(或者其中的任何 一个),您也不用担心,后面几篇文章中我们将介绍每个方法和属性。现在应该 了解的是,明确用 XMLHttpRequest 做什么。要注意这些方法和属性都与发送请求及处理响应有关。事实上,如果看到 XMLHttpRequest 的所有方法和属性,就会发现它们 与非常简单的请求/响应模型有关。显然,我们不会遇到特别新的 GUI 对象或者创建用户交互的某种超极神秘的方法,我们将使用非常简单的请求和非常简单的响应。听起来似乎没有多少吸引力,但是用好该对象可以彻底改变您的应用程序。

 

 

指定回调方法

现在我们所做的只有很少一点是新的、革命性的或异步的。必须承认,open() 方法中 “true” 这个小小的关键字建立了异步请求。但是除此之外,这些代码与用 Java servlet 及 JSP、PHP 或 Perl 编程没有什么两样。那么 Ajax 和 Web 2.0 最大的秘密是什么呢?秘密就在于 XMLHttpRequest 的一个简单属性 onreadystatechange

分享到:
评论

相关推荐

    实例详解Android Webview拦截ajax请求

    首先,在前端中,我们需要引入 DSBridge 的 adapter 和 Fly.js 的 EngineWrapper,创建一个 Fly 对象,并使用它发起 Ajax 请求。所有的 Ajax 请求都会转发到 Native 上。 在 Native 端,我们需要实现一个 ...

    Js拦截全局ajax请求

    在JavaScript开发中,有时...综上所述,通过理解和运用Ajax Hook,我们可以对全局的Ajax请求进行灵活的控制和处理,提升代码的可维护性和用户体验。在项目中合理使用Ajax Hook,可以更好地实现业务需求,提高开发效率。

    jQuery中ajax请求后台返回json数据并渲染HTML的方法

    jQuery中的AJAX请求是一种非常常见的前端异步数据交互方式,它的作用是使得页面无需重新加载即可向服务器请求数据,并将数据动态地加载到页面中。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它...

    SpringBoot+SpringSecurity处理Ajax登录请求问题(推荐)

    由于Ajax请求不像传统的表单提交那样可以使用Spring Security的默认配置,因此我们需要特殊处理Ajax登录请求问题。 知识点3:解决方案 为了解决Ajax登录请求问题,我们可以使用Spring Security的 Ajax 登录请求...

    ajax请求之返回数据的顺序问题分析

    本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考,具体如下: ajax请求一个url,php后端处理后,数组为如下格式: 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...

    在外部方法使用Ajax请求返回的数据

    这样,`processData`函数就能访问到Ajax请求返回的数据。 4. **全局变量**: 另一种方式是通过全局变量来共享数据。虽然这不是最佳实践,但在某些情况下可能有用: ```javascript var globalData; $.ajax({ ...

    自定义shiro实现识别ajax请求的拒绝返回json,还是普通返回页面

    但如果我们希望对 AJAX 请求做出特殊处理,例如返回 JSON 格式的错误信息,就需要自定义 Shiro 的 Filter。 1. **自定义 Filter**: 创建一个新的 Filter 类继承自 Shiro 的 `AuthorizationFilter` 类。在这个类中...

    解决ajax请求后台,有时收不到返回值的问题

    jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出现

    Ajax请求django返回json数据到前端

    Ajax请求接口,Django框架下从该接口接收Ajax发送的json数据,同时将新的json数据返回给Ajax,Ajax收到后在js进行处理,然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装,只需要更改json内容...

    Jquery跨域Ajax请求测试

    总之,jQuery提供了一种简单易用的方式来处理跨域Ajax请求,无论是通过JSONP还是CORS。理解并熟练掌握这些技术,对于构建现代Web应用至关重要。在实际项目中,根据具体需求和安全考虑选择合适的方法,确保数据能够...

    springmvc异步ajax请求

    对于非Ajax请求,我们可以使用`ModelAndView`对象来处理视图和模型数据。但Ajax请求通常不需要完整的视图,而是需要部分数据。因此,我们可以直接返回数据对象,或者使用`ModelAndView`设置一个视图名称,该名称...

    ajax重写方法搭配后台filter返回status实现ajax请求跳转登录页面

    在前端,我们需要重写Ajax请求以处理特定的HTTP状态码。通常,当我们发送一个Ajax请求时,我们关注的是成功的200状态码或者错误状态码如404或500。但在需要用户登录的场景下,服务器可能会返回一个非200的状态码,...

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

    总结,AJAX请求的完成阶段执行的函数和相关事件是Web开发中的重要组成部分,它们使得我们可以灵活地处理异步数据交互。了解并熟练运用这些技术,可以创建出更加高效、流畅的交互式Web应用。在实际开发中,应根据项目...

    如何在Thymeleaf中实现ajax请求url的可靠构造

    在Thymeleaf中构建可靠的Ajax请求URL是Web开发中的一个重要环节,特别是在使用Spring Boot和其他MVC框架时。Thymeleaf是一个强大的服务器端模板引擎,它可以与Ajax结合使用,提供动态更新页面的能力,而无需刷新整个...

    ajax请求后台接口数据与返回值处理js的实例讲解

    本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...

    为jquery的ajax请求添加超时timeout时间的操作方法

    在上述代码中,如果服务器在4秒内没有返回响应,那么error回调函数会被触发,并且可以在此函数中再次发起Ajax请求,或者进行其他的错误处理操作。这种处理方式特别适合于需要周期性检查服务状态的场景,如轮询某个...

    一个完整的jquery+ajax传送请求的实例

    总结来说,这个jQuery+AJAX的实例展示了如何利用jQuery的$.ajax方法进行异步数据请求,包括设置请求参数、处理返回数据和异常情况。在实际开发中,我们需要根据项目需求灵活运用这些技巧,以实现高效、友好的前端...

    HTML使用极简的方式通过ajax请求实现前后端交互代码实现

    在现代Web开发中,前后端交互是不可或缺的一部分,而AJAX...这个过程的关键在于理解如何构建和发送AJAX请求,以及如何处理服务器返回的数据。在实际开发中,还需要考虑错误处理、跨域问题、安全因素等更多细节。

    SpringMVC(八)处理AJAX请求

    在本文中,我们将深入探讨如何在Spring MVC框架中处理AJAX请求。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。Spring ...

    Ajax异步请求的验证

    在JavaScript中,通常使用XMLHttpRequest对象来创建Ajax请求。以下是一个简单的Ajax请求示例: ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'data.json', true); // GET请求,替换为'data.json...

Global site tag (gtag.js) - Google Analytics