《Web系统开发》课程教学课件（PPT讲稿）Ajax和JSON

补充：Ajax

补充：Ajax

管学习目标/Target?山了解Ajax的概念了解jQuery的基础知识与常用操作掌握jQuery中load(方法的用法

学习目标/Target 了解Ajax的概念 了解jQuery的基础知识与常用操作 掌握jQuery中load()方法的用法

曾学习目标/Target?L山掌握jQuery中的GET请求和POST请求熟悉JSON数据格式掌握Ajax的基础操作

学习目标/Target 掌握jQuery中的GET请求和POST请求 熟悉JSON数据格式 掌握Ajax的基础操作

章节概述/Summary?山兰在Web开发中，Ajax技术可以实现页面的局部更新，数据异步交互的方式给用户带来了更好的使用体验。使用JavaScript可以实现Ajax操作，但使用JavaScript实现Ajax操作不仅代码复杂，还需要考虑浏览器的兼容问题，给开发人员带来了不便。jQuery对JavaScript进行了二次封装同时也对Ajax的操作重新进行了整理与封装，简化了Ajax的使用。本章将针对jQuery中Ajax的使用进行详细讲解

章节概述/ Summary 在Web开发中，Ajax技术可以实现页面的局部更新，数据异步交互的方式给用户带 来了更好的使用体验。使用JavaScript可以实现Ajax操作，但使用JavaScript实现Ajax操 作不仅代码复杂，还需要考虑浏览器的兼容问题，给开发人员带来了不便。jQuery对 JavaScript进行了二次封装同时也对Ajax的操作重新进行了整理与封装，简化了Ajax的使 用。本章将针对jQuery中Ajax的使用进行详细讲解

D目录/Contents?L山01Ajax概述02jQuery框架03JSON数据格式04Ajax的基础操作

目录/Contents 01 Ajax概述 02 jQuery框架 03 JSON数据格式 04 Ajax的基础操作

曾?0.1Ajax概述

0.1 Ajax概述

0.1Ajax概述先定一个小目标！了解Ajax的概念传统请求方式和Ajax异步请求方式区别

0.1 Ajax概述 先定一个小 目标！ 小 目标！ 了解Ajax的概念 传统请求方式和Ajax异步请求方式区别

0.1Ajax概述AjaxAjax全称是AsynchronousJavascriptandXML，即异步的JavaScript和XML。Ajax是一种Web应用技术，该技术是在JavaScript、DOM、服务器配合下，实现浏览器向服务器发送异步请求

0.1 Ajax概述 Ajax全称是Asynchronous Javascript and XML，即异步的JavaScript和 XML。Ajax是一种 Web应用技术，该技术是在JavaScript、DOM、服务器配合下，实现浏览器向服务器发送异步 请求。 Ajax

0.1Ajax概述传统请求方式传统请求方式每次发出请求都会请求一个新的页面，即使刷新页面也要重新请求加载本页面。客户端浏览器①请求Web服务器②响应网页1?请求网页2④响应

0.1 Ajax概述 传统请求方式 传统请求方式每次发出请求都会请求一个新的页面，即使刷新页面也要重新请求加载本页面

0.1Ajax概述>>>Ajax异步请求方式Ajax异步请求方式不向服务器发出请求，会得到数据后再更新页面（通过DOM操作修改页面内容）整个过程不会发生页面跳转或刷新操作。客户端浏览器①请求②响应网页1Web服务器更新页面③请求Ajax对象④响应

0.1 Ajax概述 Ajax异步请求方式 Ajax异步请求方式不向服务器发出请求，会得到数据后再更新页面（通过DOM操作修改页面内容）， 整个过程不会发生页面跳转或刷新操作