Ajax和jQuery详细笔记

本文详细探讨了Ajax与传统Web的区别,阐述了Ajax的工作流程和实现步骤,特别讲解了XMLHttpRequest对象的使用。此外,文章还对比了GET和POST请求,并介绍了如何借助jQuery简化Ajax操作。最后,对JSON进行了介绍,包括其定义和应用。
摘要由CSDN通过智能技术生成
Ajax 应用使用 JavaScript 异步发送请求,不用每次请求都重新加载页面,发送请求时可以继续其他的操作,在服务器响应完成后,在使用JavaScript 将响应展示给用户
Ajax 就是用来局部刷新页面的
特点:无刷新:不刷新整个页面,只刷新局部
无刷新的好处:
     1 只更新部分页面,有效利用宽带
     2 提供连续的用户体验
     3 提供类似 c/s 的交互效果,操作更方便

传统Web与Ajax的差异

相同点:都是先由客户端发送 HTTP 请求,然后由服务器对请求生成响应。
不同点:
1 、发送请求方式不同
     传统 web 应用通过浏览器发送 同步 请求
     Ajax 技术则是通过 JavaScript XMLHttpRequest 异步 引擎对象发送请求
2 、服务器响应不同
     传统 web 应用,服务器的响应是一个完整的页面
     Ajax 技术,服务器的响应只是需要的数据
3 、客户端处理的响应方式不同
传统 web 应用发送请求后,浏览器将等待服务器响应完成后重新加载整个页面后用户才能进行操作
Aajax 技术,可以动态更新页面中的部分内容,不影响用户在页面进行其他的操作

Ajax简介

异步刷新技术
Aajax Asynchronous Javascript And Xml
是由 Javascript XML CSS 等几种现有技术的整合

Ajax工作流程

用户界面触发事件调用 JavaScript ,通过 Ajax 引擎 ——XMLHttpRequest 对象异步发送请求到服务
器,服务器返回XML JSON HTML 等格式的数据,然后利用返回的数据使用DOM CSS 技术局
部更新用户界面

XMLHttpRequest 

XMLHttpRequest 对象可以在不刷新当前页面的情况下向服务器端发送异步请求,
并接受服务器端的响应结果,从而实现局部更新当前页面的功能。
XMLHttpRequest 是整个 Ajax 技术的核心
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Qinꦿ.๓

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

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

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

打赏作者

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

抵扣说明:

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

余额充值