alert(div1.html());
var div2 = $(“#div2”);
alert(div2.html());
[](()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字符串