JavaWeb-Ajax和Json

Ajax简介

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

 

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

客户端执行屏幕更新为用户提供了很大的灵活性。

工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

与传统方式的区别

 

浏览器的普通交互方式

浏览器的Ajax交互方式

Ajax可以完成的功能 

动态更新购物车的物品总数：无需用户单击Update并等待服务器重新发送整个页面。

 

提升站点的性能：这是通过减少从服务器下载的数据量而实现的。例如，在Amazon的购物车页面，当更新篮子中的一项物品的数量时，会重新载入整个页面，这必须下载32K的数据。如果使用Ajax计算新的总量，服务器只会返回新的总量值，因此所需的带宽仅为原来的百分之一。

消除了每次用户输入时的页面刷新：例如，在Ajax中，如果用户在分页列表上单击Next，则服务器数据只刷新列表而不是整个页面。 直接编辑表格数据，而不是要求用户导航到新的页面来编辑数据。对于Ajax，当用户单击Edit时，可以将静态表格刷新为内容可编辑的表格。用户单击Done之后，就可以发出一个Ajax请求来更新服务器，并刷新表格，使其包含静态、只读的数据。

实现方式

1、原生JS实现（了解）

2、Jquery实现

使用$.ajax()发送异步请求

简化：使用 $.get() 或者 $.post()

举例：验证用户名是否已经存在

JSON

背景

在使用Ajax的时候，后台会返回前台一些数据，可以是test文本信息，太多了看起来很乱，可以是XML，格式相对于好一些但是内容多了，客户端在解析时很繁琐。

介绍

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式。

本身就是个字符串。

在标准的json格式中，json对象由在括号括起来，对象中的属性也就是json的key是一个字符串，所以一定要使用双引号引起来。每组key之间使用逗号进行分隔。

格式

json与Java对象的转换（*）

首先需要导入包：

案例

当光标离开userid文本框后自动查询对应的用户名，并填充到username文本框