JQuery+Ajax+Json

div1....

div2....

AJAX

---

• 同步，必须等待服务器的响应

• 异步，客户端与服务器可以同时操作

• 局部更新网页

Js原生写法

JQeury实现方式

• $.ajax()

• $.get()

• $.post()

客户端的代码

服务器的代码

@WebServlet(“/ajaxServlet”)

public class AjaxServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//1.获取请求参数

String username = request.getParameter(“username”);

/* //处理业务逻辑。耗时

try {

Thread.sleep(5000);

} catch (InterruptedException e) {

e.printStackTrace();

}*/

//2.打印username

System.out.println(username);

//3.响应

response.getWriter().write("hello : " + username);

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

this.doPost(request, response);

}

}

JQuery的方式

Json

---

• 是存储和交换文本信息的语法

• 键值对构成key：value

Java中的写法

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

json格式的写法

var person = {“name”: “张三”, age: 23, ‘gender’: true};

Json数据和Java对象的相互转换

---

• Json解析器，Jsonlib，Gson，jackson

Person类

public class Person {

private String name;

private int age ;

private String gender;

//@JsonIgnore // 忽略该属性

@JsonFormat(pattern = “yyyy-MM-dd”)

private Date birthday;

public Date getBirthday() {

return birthday;

}

public void setBirthday(Date birthday) {

this.birthday = birthday;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public int getAge() {

return age;

}

public void setAge(int age) {

this.age = age;

}

public String getGender() {

return gender;

}

public void setGender(String gender) {

this.gender = gender;

}

@Override

public String toString() {

return “Person{” +

“name='” + name + ‘’’ +

“, age=” + age +

“, gender='” + gender + ‘’’ +

‘}’;

}

}

将Java类的数据转换变为Json格式的

public class JacksonTest {

//Java对象转为JSON字符串

@Test

public void test1() throws Exception {

//1.创建Person对象

Person p = new Person();

p.setName(“张三”);

p.setAge(23);

p.setGender(“男”);

//2.创建Jackson的核心对象 ObjectMapper

ObjectMapper mapper = new ObjectMapper();

//3.转换

/*

最后

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

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

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

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

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

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

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

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

[外链图片转存中…(img-1mwu8qDo-1715535756916)]

[外链图片转存中…(img-CiFxAXCo-1715535756916)]

[外链图片转存中…(img-cvBF4wM6-1715535756917)]

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

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

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