JQuery——Ajax简介

Ajax概念:

是Web开发一个流行的词汇,全称AsynchronousJavaScript and XML,异步的JavaScript和XML。

ajax不是一种新语言。它是几种技术的综合使用。

ajax是一种技术。

ajax是一种在WEB应用程序中向服务器发送异步请求,接收异步响应的技术。

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据
异步:

同步:两个行为必须一前一后的完成。

异步:手拉手一起走。(你走你自己的,我走我自己的。)回去行为,两个可以同时做。

标准方式:同步方式

异步方式:看视频 和 发评论。

注册行为可以验证用户名是否可用:

1当前浏览没有中断。

2向服务器发送请求,验证用户名。(服务器上数据库中用户表)

谁向服务器发送的请求,服务器就把响应发送给谁。

以前标准的方式是浏览器直接发送请求给服务器,服务器把响应发给浏览器,浏览器刷新,浏览器更新。

      ajax:

         浏览器中的JS发送的请求,服务器把响应发给JS。JS通过DOM操作浏览器的局部。

         innerText,innerHTML

Ajax应用到的技术:

基于 DHTML 和 CSS 的标准 Web 页面内容
由 DOM(Document Object Model)实现动态显示与交互
通过 XML 和 XSLT 进行数据交换以及处理
运用 XMLHttpRequest 对象实现异步数据获取
运用 JavaScript 整合上述技术

XSLT是一种对XML文档进行转化的语言

Ajax基本原理:

1、用户在 Web 页面的交互动作触发 DOM 事件

   DOM事件处理者收到事件发生的消息处理

2、事件处理者创建 XMLHttpRequest对象,设置目标URLHTTP方法(GetPost)等内容,注册服务器响应的回调函数

3、向服务器发生异步的HTTP请求

   异步请求发出后,浏览器不必等待服务器响应,用户可以继续与页面交互

4、服务器收到请求后,指派对应的 Servlet处理对应逻辑

5、将结果数据序列化成 XML 或文本作为响应内容,返回给浏览器

6、调用在 XMLHttpRequest对象上注册的回调函数

   回调函数解析响应内容 XML 或文本 ,依据其中的数据使用JavaScript操纵DOM对象更新页面内容


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ddm01

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值