抓取ajax动态网页java(Web页面不用打断交互流程进行重新加裁,你还不知道?)

优采云 发布时间: 2022-03-12 20:11

  抓取ajax动态网页java(Web页面不用打断交互流程进行重新加裁,你还不知道?)

  Ajax(异步 JavaScript 和 XML)是一种结合 Java 技术、XML 和 JavaScript 的编程技术,允许您构建基于 Java 技术的 Web 应用程序并打破使用页面重新加载的惯例。

  Ajax,异步 JavaScript 和 XML,是一种 Web 应用程序开发方法,它使用客户端脚本与 Web 服务器交换数据。这样,可以在不中断交互流程进行重新编辑的情况下动态更新网页。使用 Ajax,您可以创建接近本地桌面应用程序的直接、高度可用、更丰富和更动态的 Web 用户界面界面。

  Ajax 不是一种技术,它更像是一种模式——一种识别和描述有用设计技术的方法。对于许多不熟悉它的开发人员来说,这是一种新的感觉,但是实现 Ajax 的所有组件都已经存在多年了。

  当前的热议是由于 2004 年和 2005 年出现了一些非常动态的基于 Ajax 的 WebUI,尤其是 Google 的 GMail 和 Maps 应用程序,以及照片共享 网站Flickr。这些 UI 充分利用了后端通道,也被一些开发人员称为“Web2.0”,并导致对 Ajax 应用程序的兴趣激增。

  更好的购物车

  您可以使用 Ajax 来增强传统的 Web 应用程序,通过消除页面加载使交互更加顺畅。为了演示它,我将使用一个简单的购物车来动态更新添加的项目。结合在线商店,这种方法允许我们继续浏览并将商品挑选到购物车中,而无需等待页面在点击后重新加载。

  尽管本文中的代码是针对购物车示例的,但所展示的技术也可以在其他 Ajax 应用程序中使用。购物车示例中使用的 HTML 代码如清单 1 所示。我将在整个 文章 中引用此 HTML 代码。

  阿贾克斯进程

  Ajax 交互从一个名为 XMLHttpRequest 的 JavaScript 对象开始。顾名思义,它允许客户端脚本执行 HTTP 请求并解析 XML 格式的服务器响应。Ajax 处理的第一步是创建 XMLHttpRequest 的实例。使用 HTTP 方法(GET 或 POST)处理请求并将目标 URL 设置为 XMLHttpRequest 对象。

  现在,还记得最初是如何异步处理 Ajax 的吗?当你发送一个 HTTP 请求时,你不希望浏览器挂起等待服务器的响应,相反,你希望页面继续响应用户的界面交互,当它们真正到达时服务器响应处理它们。

  为此,您可以使用 XMLHttpRequest 注册回调函数并异步调度 XMLHttpRequest 请求。控制权立即返回给浏览器,当服务器响应到达时会调用回调函数。

  在 Java Web 服务器上,传入请求与任何其他 HttpServletRequest 相同。解析请求参数后,servlet 执行必要的应用程序逻辑,将响应序列化为 XML,并将其写回 HttpServletResponse。

  回到客户端,现在将调用注册在 XMLHttpRequest 上的回调函数来处理服务器返回的 XML 文档。最后,JavaScript 用于通过更新用户界面以响应从服务器传输的数据来操作页面的 HTMLDOM。图 1 是 Ajax 进程的序列图。

  

  图 1:Ajax 处理流程

  您现在应该对 Ajax 进程有一个高级视图。我将进入这些步骤中的每一个,并更详细地了解发生了什么。如果找不到合适的位置,请返回并查看图 1,此外 - 由于 Ajax 方法的异步特性,序列图并不直接。

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线