JavaWeb ajax&JSON

Day18

  • 一、ajax
    • ajax的概念与作用
    • 同步与异步的区别
    • ajax的代码实现
    • 使用ajax简单拼接
  • 二、JSON
    • 使用FastJSON和Gson

一、ajax

ajax的概念与作用

       AJAX 即"Asynchronous JavaScript And XML"(异步的 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
       Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
       通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新
       传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。

同步与异步的区别

JavaWeb ajax&JSON_第1张图片

ajax的代码实现

原生JS代码使用ajax
JavaWeb ajax&JSON_第2张图片
JavaWeb ajax&JSON_第3张图片
使用JQuery实现ajax
JavaWeb ajax&JSON_第4张图片
JavaWeb ajax&JSON_第5张图片
JavaWeb ajax&JSON_第6张图片

使用ajax简单拼接

JavaWeb ajax&JSON_第7张图片
JavaWeb ajax&JSON_第8张图片

二、JSON

       JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

使用FastJSON和Gson

FasJSON
json 主要是以键值对来进行存储 常见的类型 有String int boolean 数组 对象 ==>如果不知道用什么类型,统一都使用字符串
json 只要看见 [] 就表示是一个集合 {} 就表示是一个对象 可以相互嵌套,是一种最普遍前后台进行交互,解析起来简单
JavaWeb ajax&JSON_第9张图片
JavaWeb ajax&JSON_第10张图片
Gson
JavaWeb ajax&JSON_第11张图片
使用ajax来添加数据
JavaWeb ajax&JSON_第12张图片
JavaWeb ajax&JSON_第13张图片
JavaWeb ajax&JSON_第14张图片

你可能感兴趣的:(ajax)