本文介绍了Ajax的基本原理，以及如何使用JQuery的$.get(), $.post(), $.ajax()方法实现异步加载。通过具体的购物车案例，展示了如何使用Ajax添加商品到购物车和查看购物车内容，帮助读者深入理解并掌握Ajax技术。"
125426383,7517255,使用Flask构建博客：最新文章与搜索功能,"['Web开发', 'Python', 'Flask框架', '数据库操作', '模板引擎']
- 目录
- 1. 前言
- 2. Ajax基本原理
- 3. JQuery发送HTTP请求的常用方式
- 3.1 $.get()请求实现异步加载
- 3.2 $.post()请求实现异步加载
- 3.3 $.ajax()请求实现异步加载
- 4. Ajax实现购物车案例
- 4.1 添加商品到购物车
- 4.2 查看购物车商品
- 5. 总结
1. 前言
不论是前端还是后端，只要是web开发必然要接触ajax，但是对于它你又知多少？你确定你都熟悉这个技术点了吗？下面一起来总结它。
代码分享：https://github.com/mtdgclub/ajaxCart.git
2. Ajax基本原理
ajax，全称Asynchronous Javascript And XML；是一种用于创建快速动态网页的技术，其目的是与服务器进行少量数据交换，就能实现网页的异步更新。
ajax异步加载的优势：
从服务器请求少量的信息，而不是整个页面重新加载；使得应用更小更快更友好。
基本工作原理：
在用户和服务端之间加了一个中间层
异步请求不会阻塞客户端操作
客户端通过内置对象XMLHttpRequest来发送异步请求
3. JQuery发送HTTP请求的常用方式
3.1$.get()请求实现异步加载
<body> <button id="btn">发送一个
最低0.47元/天 解锁文章
扫一扫
2843
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
