javaWeb之json的简单使用

本文介绍了一个具体的AJAX请求示例,展示了如何通过GET方式从服务器获取JSON格式的数据,并在网页上显示这些数据。此外,还介绍了如何配置服务器端以返回适配客户端需求的JSON数据格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

AJAX步骤

function sendRequest() {


CreateXHR();


if(XHR) {
/* 
var name = document.getElementById("name").value;
var password = document.getElementById("password").value; */
var uri = "http://localhost:8080/TestStruts2/userJson.action";
XHR.open("GET", uri, true);


XHR.onreadystatechange = resultHander;


XHR.send(null);


}
}

首先执行 CreateXHR()方法

function CreateXHR() {
try {
XHR = new ActiveXObject("msxm12.XMLHTTP");
} catch(e1) {
try {
XHR = new ActiveXObject("microsoft.XMLHTTP");
} catch(e2) {
try {
XHR = new XMLHttpRequest();
} catch (e3) {
XHR = false;
}
}
}
}

然后判断XHR

if(XHR) {
/* 
var name = document.getElementById("name").value;
var password = document.getElementById("password").value; */
var uri = "http://localhost:8080/TestStruts2/userJson.action";
XHR.open("GET", uri, true);

XHR.onreadystatechange = resultHander;

XHR.send(null);

}

状态改变即可触发onreadysyayechange方法,方法如下

function resultHander() {
if(XHR.readyState == 4 && XHR.status == 200) {
var userObj = JSON.parse(XHR.responseText);

alert(XHR.status);
alert(XHR.readyState);
var userStr = "<table border=0>";
userStr += ('<tr><td><b>Name</b></td><td>' + userObj.USER.name + '</td></tr>');
userStr += ('<tr><td><b>Age</b></td><td>' + userObj.USER.age + '</td></tr>');
userStr += "</table>";
document.getElementById("jsonDiv").innerHTML = userStr;
}
}


在UserAction中,使用如下JSON即可将User调用改成USER调用 userStr += ('<tr><td><b>Name</b></td><td>' + userObj.USER.name + '</td></tr>');

@JSON(name="USER")
public User getUser() {
return user;
}

JSON需导入的包struts2-json-plugin-2.3.16.3.jar


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值