在前端開發(fā)中，經(jīng)常需要使用到Java和JavaScript進(jìn)行交互。Java通常用來(lái)處理后臺(tái)邏輯和業(yè)務(wù)邏輯， 而JavaScript則用于動(dòng)態(tài)渲染和交互操作。下面我們來(lái)了解一下Java和JavaScript的交互方式。

//在Java中定義一個(gè)類
public class User {
private String name;
private int age;
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;
}
}

首先，在Java中定義一個(gè)User類，包含name和age兩個(gè)私有屬性，同時(shí)提供了get和set方法。

//在JavaScript中定義一個(gè)對(duì)象
var user = {
name: "Tom",
age: 18
};

接著，在JavaScript中定義一個(gè)user對(duì)象，包含name和age兩個(gè)屬性，并設(shè)置初始值。

//Java中提供一個(gè)方法，將Java對(duì)象轉(zhuǎn)化為JSON格式返回
@RequestMapping("/getUser")
@ResponseBody
public JSONObject getUser() {
User user = new User();
user.setName("Jack");
user.setAge(20);
JSONObject jsonObject = new JSONObject();
jsonObject.put("name", user.getName());
jsonObject.put("age", user.getAge());
return jsonObject;
}

在Java中，我們可以通過(guò)@ResponseBody注解和JSONObject對(duì)象將User對(duì)象轉(zhuǎn)化為JSON格式返回給JavaScript端。

//JavaScript中使用Ajax來(lái)調(diào)用Java的getUser方法并獲取返回值
$.ajax({
url: "/getUser",
type: "GET",
dataType: "JSON",
success: function(data) {
console.log("姓名：" + data.name + " 年齡：" + data.age);
},
error: function() {
console.log("請(qǐng)求出錯(cuò)！");
} 
});

最后，在JavaScript中使用Ajax來(lái)調(diào)用Java的getUser方法，并在成功回調(diào)函數(shù)中打印返回?cái)?shù)據(jù)的name和age屬性值。