JavaWeb--快速入门JSON&Ajax

Person person1 = gson.fromJson(personJsonString, Person.class);

System.out.println(person1);

}

// 1.2.2、List 和json的互转

@Test

public void test2() {

List personList = new ArrayList<>();

personList.add(new Person(1, “lbj”));

personList.add(new Person(2, “curry”));

Gson gson = new Gson();

// 把List转换为json字符串

String personListJsonString = gson.toJson(personList);

System.out.println(personListJsonString);

List list = gson.fromJson(personListJsonString, new PersonListType().getType());

System.out.println(list);

Person person = list.get(0);

System.out.println(person);

}

// 1.2.3、map 和json的互转

@Test

public void test3(){

Map<Integer,Person> personMap = new HashMap<>();

personMap.put(1, new Person(1, “kb”));

personMap.put(2, new Person(2, “mady”));

Gson gson = new Gson();

// 把 map 集合转换成为 json字符串

String personMapJsonString = gson.toJson(personMap);

System.out.println(personMapJsonString);

// Map<Integer,Person> personMap2 = gson.fromJson(personMapJsonString, new PersonMapType().getType());

Map<Integer,Person> personMap2 = gson.fromJson(personMapJsonString, new TypeToken<HashMap<Integer,Person>>(){}.getType());

System.out.println(personMap2);

Person p = personMap2.get(1);

System.out.println§;

}

}

二、Ajax

=====================================================================

2.1 什么是Ajax?

---

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。

ajax是一种浏览器异步发起请求。局部更新页面的技术。

什么是异步？

所谓异步，在这里简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等到有了结果我们可以再来处理这个事。（当然，在其他语境下这个解释可能就不对了）

这个很重要，如果不是这样的话，我们点完按钮，页面就会死在那里，其他的数据请求不会往下走了。这样比等待刷新似乎更加讨厌。

（虽然提供异步通讯功能的组件默认情况下都是异步的，但它们也提供了同步选项，如果你好奇把那个选项改为false的话，你的页面就会死在那里）

通俗的理解

如你刚开始学习网页制做，一个页面一个页面的转跳，开新窗口，输入，关闭，原窗口要手动或自动的刷新。相比现在流行的网页很low是不是。

现在我写个回答，发布，页面不用完全刷新，直接加在页面下方，是不是感觉体验好了些？

ajax，异步javascript和xml，就是不关闭不转跳不刷新的情况下，在网页后台提交数据，部分更新页面内容，将网页的用户体验提升到接近原生程序的地步。

原生的Ajax请求

​ 1、我们首先要创建XMLHttpRequest 对象

​ 2、调用open方法设置请求参数

​ 3、调用send方法发送请求

​ 4、在send方法前绑定onreadystatechange 事件，处理请求完成后的操作。

创建一个html页面，发起请求

ajax request

ajax request

ajax request

ajax request

ajax request

1.1 1.2 2.1 2.2

创建一个AjaxServlet程序接受请求

package com.atguigu.servlet;

import com.atguigu.pojo.Person;

import com.google.gson.Gson;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

public class AjaxServlet extends BaseServlet {

protected void javaScriptAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(“Ajax请求过来了”);

Person person = new Person(1, “curry”);

try {

Thread.sleep(3000);

} catch (InterruptedException e) {

e.printStackTrace();

}

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

protected void jQueryAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(" jQueryAjax == 方法调用了");

Person person = new Person(1, “curry”);

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

protected void jQueryGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(" jQueryGet == 方法调用了");

Person person = new Person(1, “curry”);

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

protected void jQueryPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(" jQueryPost == 方法调用了");

Person person = new Person(1, “curry”);

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

protected void jQueryGetJSON(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(" jQueryGetJSON == 方法调用了");

Person person = new Person(1, “curry”);

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

protected void jQuerySerialize(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println(" jQuerySerialize == 方法调用了");

System.out.println(“用户名：” + req.getParameter(“username”));

System.out.println(“密码：” + req.getParameter(“password”));

Person person = new Person(1, “curry”);

// json格式的字符串

Gson gson = new Gson();

String personJsonString = gson.toJson(person);

resp.getWriter().write(personJsonString);

}

}

2.3 JQuery的Ajax请求

---

编写原生的JavaScript要写很多的代码。所以使用起来非常的不方便，我们一般会使用JavaScript 的框架来解决这个问题比如Jquery框架

四个Ajax请求方法

$.ajax方法

$.get方法

$.post方法

$.getJSON方法

一个表单序列化方法: serialize()表单序列化方法

如何使用上面的几个方法？

JQuery中和 Ajax请求有关的方法有四个;

$.ajax请求参数

url: 请求的地址

type : 请求的方式 get或 post

data : 请求的参数 string 或json

success: 成功的回调函数

dataType: 返回的数据类型 常用json或 text

Jquery AjAx写法

$.ajax({

url:“servlet”,

type:“post”,//get

data:{},

async:true,

cache:true,

complete:function(){},

traditional:false,

dataType:“json”,

success:function(data){},

error:function(){}

});

$.post(“servlet”,{},function(data){},“json”);

$.get(“servlet”,function(data){},“json”);

2.4 使用场景

---

登录失败不跳转页面
注册实时提示用户名是否存在。
管理图片服务器，进行延时加载。

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，不论你是刚入门Java开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Java工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Java开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-NmhY6HcR-1715713548995)]

[外链图片转存中…(img-LRBRllVo-1715713548996)]

[外链图片转存中…(img-OVROUAn3-1715713548996)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Java开发知识点，不论你是刚入门Java开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！