准备Hero.java
公共类英雄{
私人字符串名称;
私人int惠普;
公共字符串getName () {
返回名称;
}公共空setName(字符串名称){
this.name=名称;
}
公共int getHp () {
返回惠普;
}
公共空间setHp (int惠普){
这一点。惠普=惠普;
}
@Override
公共字符串toString () {
返回“英雄[name=" +名字+”,惠普=" + hp + "]”;
}
}
公共类英雄{
私人字符串名称;
私人int惠普;
公共字符串getName () {
返回名称;
}
公共空间setName(字符串名称){
this.name=名称;
}
公共int getHp () {
返回惠普;
}
公共空间setHp (int惠普){
这一点。惠普=惠普;
}
@Override
公共字符串toString () {
返回“英雄[name=" +名字+”,惠普=" + hp + "]”;
}
}submit.html文件
[html]视图平原复制打印# 63;& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;charset=utf - 8”比;
& lt; title>用AJAX以JSON方式提交数据& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery.min.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt;形式比;
名称:& lt; input type=" text " id="名称"/祝辞& lt; br/比;
血量:& lt; input type=" text " id=盎萜铡?祝辞& lt; br/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/提交" id=胺⒓恕北?
& lt;/form>
& lt; div id=" messageDiv "祝辞& lt;/div>
& lt; script>
$(" #发送方”).click(函数(){
var name=. getelementbyid(“名字”)value;
惠普var=. getelementbyid(惠普)value;
var英雄={"名称":名字,“惠普”:惠普};
var url=" submitServlet”;
$ . post (
网址,
{“数据”:JSON.stringify(英雄)},
函数(数据){
alert("提交成功,请在Tomcat控制台查看服务端接收到的数据”);
});
});
& lt;/script>
& lt;/body>
& lt;/body>
& lt;/html>
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;charset=utf - 8”比;
& lt; title>用AJAX以JSON方式提交数据& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery.min.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt;形式比;
名称:& lt; input type=" text " id="名称"/祝辞& lt; br/比;
血量:& lt; input type=" text " id=盎萜铡?祝辞& lt; br/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/提交" id=胺⒓恕北?
& lt;/form>
& lt; div id=" messageDiv "祝辞& lt;/div>
& lt; script>
$(" #发送方”).click(函数(){
var name=. getelementbyid(“名字”)value;
惠普var=. getelementbyid(惠普)value;
var英雄={"名称":名字,“惠普”:惠普};
var url=" submitServlet”;
$ . post (
网址,
{“数据”:JSON.stringify(英雄)},
函数(数据){
alert("提交成功,请在Tomcat控制台查看服务端接收到的数据”);
});
});
& lt;/script>
& lt;/body>
& lt;/body>
& lt;/html>
JSON.stringify函数的作用是将一个javascript对象,转换为JSON格式的字符串。
准备SubmitServlet用来接收数据
进口java.io.IOException;
进口javax.servlet.ServletException;
进口javax.servlet.http.HttpServlet;
进口javax.servlet.http.HttpServletRequest;
进口javax.servlet.http.HttpServletResponse;
进口net.sf.json.JSONObject;
公开课SubmitServlet扩展HttpServlet {
保护无效服务(HttpServletRequest请求,HttpServletResponse响应)
抛出ServletException IOException {
字符串数据=https://www.yisu.com/zixun/request.getParameter(“数据”);
system . out。println(“服务端接收到的数据是:”+数据);
JSONObject json=JSONObject.fromObject(数据);
system . out。println(“转换为JSON对象之后是:”+ JSON);
英雄英雄=(英雄)JSONObject.toBean (json, Hero.class);
System.out.println(“转换为英雄对象之后是:”+英雄);
}
}
进口java.io.IOException;
进口javax.servlet.ServletException;
进口javax.servlet.http.HttpServlet;
进口javax.servlet.http.HttpServletRequest;
进口javax.servlet.http.HttpServletResponse;
进口net.sf.json.JSONObject;
公开课SubmitServlet扩展HttpServlet {
保护无效服务(HttpServletRequest请求,HttpServletResponse响应)
抛出ServletException IOException {
字符串数据=https://www.yisu.com/zixun/request.getParameter(“数据”);
system . out。println(“服务端接收到的数据是:”+数据);
JSONObject json=JSONObject.fromObject(数据);
system . out。println(“转换为JSON对象之后是:”+ JSON);
英雄英雄=(英雄)JSONObject.toBean (json, Hero.class);
System.out.println(“转换为英雄对象之后是:”+英雄);
}
}
