`
raozhiyong11
  • 浏览: 138932 次
  • 性别: Icon_minigender_1
  • 来自: 江西
社区版块
存档分类
最新评论

采用AJAX技术进行HTTP请求的序列图

阅读更多
xianwei_top 写道

希望通过本篇文章让大家对AJAX请求响应机制有个全局的了解
说到AJAX技术就必然会提到XMLHttpRequest对象,XMLHttpRequest对象是当今所有AJAX和Web 2.0应用程序的技术基础。它是一个构建到所有现代浏览器内部的对象,用来来实现发送HTTP请求和接收响应信息。

采用AJAX技术进行HTTP请求的序列图:

通过该序列图可以清晰地看到,相对于普通的浏览器请求响应模式,这里多了一个XMLHttpRequest,而该对象可以通过JS动态创建,也正是通过这种方式我们有机会实现在不刷新页面的情况向与服务器进行交互。

另通过该序列图,我们可以清晰地看到XMLHttpRequest也是采用HTTP请求与服务器进行交互,这和原来的直接基于浏览器的HTTP请求并无本质的区别,这里的XMLHttpRequest更像一个代理。(就请求响应的过程来说跟是否采用AJAX没有丝毫关系)

 

本文源于:http://www.iteye.com/topic/587169

分享到:
评论

相关推荐

    Ajax技术地图 ajax 简介,ajax 架构

    4. 服务器端:处理来自Ajax请求的数据,可以是任何支持HTTP协议的应用服务器。 5. 数据格式:XML最初是主要的数据交换格式,但随着时间的推移,JSON因为其轻量级和易处理性成为了更常用的选择。 然而,Ajax技术也...

    HTML+AJAX(手写ajax)显示数据库数据

    在C#后端,我们需要创建一个Web服务或API控制器来处理AJAX请求。这个服务应该能从数据库查询数据,然后以JSON或XML格式返回。C#的ADO.NET库可以用来连接到数据库并执行SQL查询。一旦数据被检索到,可以使用`System....

    Ajax技术实现代码和需要用的ajax的十个地方

    Burlap提供了序列化和反序列化功能,允许Java对象在HTTP请求中被传递。尽管DWR的服务器端实现可能更为完善,但Buffalo的burlap协议在某些情况下可能提供更好的类型安全性和可读性。 使用Ajax的十个常见地方: 1. *...

    ajax+pako.js实现gzip数据压缩上传,解决post数据过长问题

    4. **设置Ajax请求**:使用`XMLHttpRequest`或`fetch API`创建Ajax请求,设置`Content-Type`为`application/x-www-form-urlencoded; charset=UTF-8`,并使用FormData对象作为请求体。 ```javascript var xhr = new...

    Ajax Pro2(可以直接让你在页面函数上访问CS文件中的类,而且操作极其简单)

    3. **性能优化**:Ajax Pro 2 进行了性能优化,减少了HTTP请求的数量和大小,提高了响应速度,提升了用户体验。 4. **自动序列化和反序列化**:Ajax Pro 自动处理数据的序列化和反序列化,使得客户端和服务器端的...

    ajax+Jquery实现文件图片上传

    // 发送Ajax请求 $.ajax({ url: 'upload.php', // 服务器端处理文件的脚本 type: 'POST', data: formData, contentType: false, // 必须设置为false,否则FormData不会被正确发送 processData: false, // 不...

    Ajax征服——相册模块 源码

    在Ajax请求中,可以将数据序列化为JSON字符串发送到服务器,服务器处理后返回同样格式的响应。 ### 3. 相册模块设计 一个基本的相册模块应包含以下功能: - **图片加载**:使用Ajax动态加载图片,避免一次性加载...

    ajax,js方面

    JSP/Servlet接收来自客户端的Ajax请求,处理数据,然后返回响应,通常是JSON或XML格式的数据,这些数据会被JavaScript解析并更新页面。 4. **XML序列化与解析**: 虽然Ajax名称中包含XML,但在实际应用中,更常见的...

    AJAX经典图书

    - **服务端组件**:服务端也需要相应的组件来处理Ajax请求,例如ICommonAjax子控制接口、AjaxRequest请求参数对象和AjaxResponse结果响应对象等,这些组件共同构成一个完整的开发框架。 - **示例代码**:文中提供了...

    Ajax学习ppt(出自中国科技大学)

    3. **数据序列化与反序列化**:在发送和接收数据时,需要进行JSON或XML的序列化与反序列化操作,以确保数据的正确传输和解析。 **Ajax应用实例** 1. **表单无刷新验证**:在用户输入数据时,使用Ajax实时验证,...

    Ajax实战(Ajax in action中文版)

    传统网页依赖于HTTP请求进行页面的完全加载,这导致了页面交互的延迟和用户体验的下降。富客户端则能够提供更接近桌面应用的交互体验,比如实时的反馈、多样的输入方式和流畅的操作流程。例如,电子表格应用中的编辑...

    Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子 不包含官方JS 自己下载

    Highcharts是一款广泛应用于Web开发中的JavaScript图表库,它能够帮助开发者轻松创建各种动态、交互式的图表,如折线图、柱状图、饼图等。在这个"Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子"中,我们将...

    AJAX入门学习——ajax4jsf

    创建一个包含`a4j:commandButton`的JSP页面,用于触发AJAX请求。 ```jsp ``` ###### 4.4.2 DataBean 定义一个简单的JavaBean来处理AJAX请求,并更新模型数据。 ```java public class DataBean { private ...

    Ajax Tutorial

    文档中的序列图清晰地展示了Ajax请求的流程,包括请求发送、服务器处理和响应返回等步骤,有助于理解Ajax的执行机制。 ### 8. REST服务器 文档还提供了REST服务器的实现细节,这包括服务器端的编程逻辑,如如何...

    AMCharts Ajax json net饼图代码

    3. **AJAX请求**:在客户端,我们可以使用jQuery库的`$.ajax()`或`$.getJSON()`方法发起一个AJAX请求,向服务器端的接口发送请求,获取JSON数据。在请求成功后,会触发回调函数,此时我们可以在这个回调函数中处理...

    Ajax+SQL Server无刷新实现图片切换特效 .

    在这个场景中,Ajax请求可能发送到一个服务器端的接口,获取图片的序列或者状态信息。 2. **JavaScript**:前端的主要编程语言,负责处理用户交互,如点击按钮事件。JavaScript可以监听按钮的点击事件,触发Ajax...

    Ajax 上传图片 前台后台都有 代码简单易懂 总共加起来不到80行

    3. **Ajax请求**:使用Ajax技术向后端发送包含文件数据的HTTP请求。 4. **后端接收**:服务器端接收请求,验证文件是否符合规格(如大小限制),并处理文件存储逻辑。 5. **响应处理**:后端返回处理结果(如文件...

    echart_ajax

    同时,他们会将之前AJAX请求得到的后台数据绑定到ECharts实例上,从而动态生成折线图。 总的来说,"echart_ajax"项目演示了如何结合jQuery AJAX、Java Spring MVC和ECharts,实现前后端的数据交互和动态图表展示。...

    ajax上传下载

    AJAX(Asynchronous JavaScript and XML)技术允许网页在不重新加载整个页面的情况下,与服务器进行数据交换,实现了网页的动态更新。本文将深入探讨AJAX上传下载技术,特别是如何利用Prototype框架和Servlet实现...

    ajax绝对实战开发文档

    使用jQuery的$.ajax()、$.get()、$.post()等方法,可以更方便地创建和处理Ajax请求。此外,jQuery还提供了许多便利的辅助功能,如数据序列化、错误处理和动画效果,使得开发更加高效。 **五、现代Ajax库与框架** ...

Global site tag (gtag.js) - Google Analytics