服务器的代码
@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.转换
/*
转换方法：
writeValue(参数1，obj):
参数1：
File：将obj对象转换为JSON字符串，并保存到指定的文件中
Writer：将obj对象转换为JSON字符串，并将json数据填充到字符输出流中
OutputStream：将obj对象转换为JSON字符串，并将json数据填充到字节输出流中
writeValueAsString(obj):将对象转为json字符串
*/
String json = mapper.writeValueAsString§;
//{“name”:“张三”,“age”:23,“gender”:“男”}
//System.out.println(json);//{“name”:“张三”,“age”:23,“gender”:“男”}
//writeValue，将数据写到d://a.txt文件中
//mapper.writeValue(new File(“d://a.txt”),p);
//writeValue.将数据关联到Writer中
mapper.writeValue(new FileWriter(“d://b.txt”),p);
}
@Test
public void test2() throws Exception {
//1.创建Person对象
Person p = new Person();
p.setName(“张三”);
p.setAge(23);
p.setGender(“男”);
p.setBirthday(new Date());
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
JavaScript
-
js的基本类型有哪些？引用类型有哪些？null和undefined的区别。
-
如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）
-
Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？
-
JS常见的dom操作api
-
解释一下事件冒泡和事件捕获
-
事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？
-
对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？
-
this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？
-
call，apply，bind
-
显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链
-
创建对象的多种方式
-
实现继承的多种方式和优缺点
-
new 一个对象具体做了什么
-
手写Ajax，XMLHttpRequest
-
变量提升
-
举例说明一个匿名函数的典型用例
-
指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？
-
attribute和property的区别
-
document load和document DOMContentLoaded两个事件的区别
-
JS代码调试
-
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
有什么区别？如何改变this的值？
-
call，apply，bind
-
显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链
-
创建对象的多种方式
-
实现继承的多种方式和优缺点
-
new 一个对象具体做了什么
-
手写Ajax，XMLHttpRequest
-
变量提升
-
举例说明一个匿名函数的典型用例
-
指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？
-
attribute和property的区别
-
document load和document DOMContentLoaded两个事件的区别
-
JS代码调试
-
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
