準備Hero.java
public class Hero { private String name; private int hp; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getHp() { return hp; } public void setHp(int hp) { this.hp = hp; } @Override public String toString() { return "Hero [name=" + name + ", hp=" + hp + "]"; } } public class Hero { private String name; private int hp; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getHp() { return hp; } public void setHp(int hp) { this.hp = hp; } @Override public String toString() { return "Hero [name=" + name + ", hp=" + hp + "]"; }}submit.html文件[html] view plain copy print?<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用AJAX以JSON方式提交數據</title> <script type="text/javascript" src="jquery.min.js"></script> </head> <body> <form > 名稱：<input type="text" /><br/> 血量：<input type="text" /><br/> <input type="button" value="提交" > </form> <div ></div> <script> $('#sender').click(function(){ var name=document.getElementById('name').value; var hp=document.getElementById('hp').value; var hero={"name":name,"hp":hp}; var url="submitServlet"; $.post( url, {"data":JSON.stringify(hero)}, function(data) { alert("提交成功，請在Tomcat控制臺查看服務端接收到的數據"); }); }); </script> </body> </body> </html> <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>用AJAX以JSON方式提交數據</title> <script type="text/javascript" src="jquery.min.js"></script> </head> <body> <form > 名稱：<input type="text" /><br/> 血量：<input type="text" /><br/> <input type="button" value="提交" > </form> <div ></div> <script> $('#sender').click(function(){ var name=document.getElementById('name').value; var hp=document.getElementById('hp').value; var hero={"name":name,"hp":hp}; var url="submitServlet"; $.post( url, {"data":JSON.stringify(hero)}, function(data) { alert("提交成功，請在Tomcat控制臺查看服務端接收到的數據"); }); }); </script> </body> </body></html>JSON.stringify函數的作用是將一個javascript對象，轉換為JSON格式的字符串。
準備SubmitServlet用來接收數據
import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import net.sf.json.JSONObject; public class SubmitServlet extends HttpServlet { protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String data =request.getParameter("data"); System.out.println("服務端接收到的數據是：" +data); JSONObject json=JSONObject.fromObject(data); System.out.println("轉換為JSON對象之后是："+ json); Hero hero = (Hero)JSONObject.toBean(json,Hero.class); System.out.println("轉換為Hero對象之后是："+hero); } } import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import net.sf.json.JSONObject; public class SubmitServlet extends HttpServlet { protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String data =request.getParameter("data"); System.out.println("服務端接收到的數據是：" +data); JSONObject json=JSONObject.fromObject(data); System.out.println("轉換為JSON對象之后是："+ json); Hero hero = (Hero)JSONObject.toBean(json,Hero.class); System.out.println("轉換為Hero對象之后是："+hero); } }
新聞熱點
疑難解答
