了解ajax 工作原理Day5

Day5 了解ajax 工作原理

 

【任务目标】：

• 任务 1：掌握 ajax 工作原理；
• 任务 2：实现一个基于 Jquery 的 ajax 请求 json 格式的数据；
• 任务 3：实现一个利用 json 数据动态添加页面表格的功能；

【任务说明】：

任务 1 描述：

1.ajax 请求和浏览器请求的区别；

最大的区别是对象不同。两者都是http请求，但是ajax 请求是通过Js引擎中的一个对象发起的，而浏览器请求是用户输入URL地址之后发起的请求。

ajax ：简单来说就是在浏览器上实现局部刷新，它是一种使用方法。通过在后台与服务器进行少量数据交换，即Js代码可以检查请求的结果，并使用这些结果执行所需的操作(将HTML动态插入页面，解析JSON并将其用于页面逻辑，解析XML等)。

2.利用《菜鸟教程》中的实例，调试原生 ajax 案例；

 

任务 2 描述：

1.利用 Jquery 框架，实现 ajax 任务 1 的案例效果；

 

 

2.什么是 json 格式，它的特点有哪些？

JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在网络或者程序之间轻松地传递这个字符串，并在需要的时候将它还原为各编程语言所支持的数据格式。

表示对象：{"firstName": "Brett", "lastName": "McLaughlin"}

表示数组：{ "a": [1, 2, 3]}

3.利用 Jquery 框架，实现 ajax 获取 json 数据格式；

  

任务 3 描述：

1.完成 ajax 请求 json 数据动态添加数据的效果；