本文详细介绍了Ajax的异步请求技术及其在网页动态更新中的应用，避免了整个页面的重新加载。同时，文章阐述了Json作为数据交换格式的特性，包括其简洁的层次结构和高效的网络传输效率。通过示例展示了Json在JavaScript中的表示方法。接着，文中通过登录用户名可用性检查和搜索框自动填充两个实例，深入探讨了Ajax与Json结合在前后端交互中的实践，涉及Servlet和JSP页面的处理方法。
ajax的异步请求和Json数据格式及其案例
ajax简介
Ajax即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的的网页开发技术
Ajax是一种用于创建快速动态网页的技术
Ajax是一种无须加载整个页面的的情况下，能够更新部分网页的技术
通过与后台服务器进行少量的数据交换，Ajax可以实现异步更新，这意味着可以在不重新加载整个网页的情况下，对页面的某个部分进行更新
传统的网页(不使用Ajax)如果需要更新页面内容，必须加载整个网页页面
基本的用法
```java
$.ajax({
url:"ajaxServlet", //请求路径
type:"POST", //请求方式
data:{"username":"jack","age":23},//请求参数
success:function (data) {
alert(data);
},//响应成功后的回掉函数
error:function () {
alert("调用的时候出错了呦")
}, //响应失败的的回掉函数
dataType:"text"
});
$.get("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"json");
json的简介
Json(JavaScript Object Notation JS对象简谱)是一种轻量级的数据交换格式，它基于ECMAScript(欧洲计算机协会的制定的js规范)的一个子集，采用了完全独立与编码格式的来存储和表达数据
简介和清晰的层次的结构使得json成为了理想的数据交换语言
易与人阅读和编写，同时也易于机器编写解析和生成，并有效的提升网络传输效率
JSON对象的语法
在Js语言中，一切都是对象，因此，任何支持 的类型可以通过JSON来表示，例如字符串，数字，数据等，但是对象和数据是比较特殊且常用的两种类型
对象表示键值对‘
数据由逗号分隔
基本的用法
```java
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//1.
最低0.47元/天 解锁文章
扫一扫
276
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
