Day5 了解ajax 工作原理

 

【任务目标】:

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

【任务说明】:

任务 1 描述:

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

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

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

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

了解ajax 工作原理Day5

 

任务 2 描述:

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

 了解ajax 工作原理Day5

 

2.什么是 json 格式,它的特点有哪些?

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

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

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

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

  

了解ajax 工作原理Day5

任务 3 描述:

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

 

了解ajax 工作原理Day5

相关文章:

猜你喜欢
  • 2021-05-25
  • 2022-01-06
  • 2021-06-14
  • 2021-12-19
  • 2021-12-01
  • 2022-01-31
相关资源
相似解决方案