欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用JSON格式提交數(shù)據(jù)到服務(wù)端的實例代碼

 更新時間:2018年04月01日 14:36:34   作者:Java的smoker  
這篇文章主要介紹了使用JSON格式提交數(shù)據(jù)到服務(wù)端的實例代碼,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下

準(zhǔn)備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方式提交數(shù)據(jù)</title> 
<script type="text/javascript" src="jquery.min.js"></script> 
</head> 
<body> 
 <form > 
  名稱:<input type="text" id="name"/><br/> 
  血量:<input type="text" id="hp"/><br/> 
  <input type="button" value="提交" id="sender">  
 </form> 
 <div id="messageDiv"></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控制臺查看服務(wù)端接收到的數(shù)據(jù)"); 
   });  
 }); 
 </script> 
</body> 
</body> 
</html> 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>用AJAX以JSON方式提交數(shù)據(jù)</title> 
<script type="text/javascript" src="jquery.min.js"></script> 
</head> 
<body> 
 <form > 
  名稱:<input type="text" id="name"/><br/> 
  血量:<input type="text" id="hp"/><br/> 
  <input type="button" value="提交" id="sender"> 
 </form> 
 <div id="messageDiv"></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控制臺查看服務(wù)端接收到的數(shù)據(jù)");
   }); 
 }); 
 </script> 
</body> 
</body>
</html>

JSON.stringify函數(shù)的作用是將一個javascript對象,轉(zhuǎn)換為JSON格式的字符串。

準(zhǔn)備SubmitServlet用來接收數(shù)據(jù)

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("服務(wù)端接收到的數(shù)據(jù)是:" +data); 
  JSONObject json=JSONObject.fromObject(data); 
  System.out.println("轉(zhuǎn)換為JSON對象之后是:"+ json); 
  Hero hero = (Hero)JSONObject.toBean(json,Hero.class); 
  System.out.println("轉(zhuǎn)換為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("服務(wù)端接收到的數(shù)據(jù)是:" +data);
  JSONObject json=JSONObject.fromObject(data); 
  System.out.println("轉(zhuǎn)換為JSON對象之后是:"+ json);
  Hero hero = (Hero)JSONObject.toBean(json,Hero.class); 
  System.out.println("轉(zhuǎn)換為Hero對象之后是:"+hero);
 } 
}

1. 獲取瀏覽器提交的字符串

2. 把字符串轉(zhuǎn)換為JSON對象

3. 把JSON對象轉(zhuǎn)換為Hero對象

最后配置web.xml

<?xml version="1.0" encoding="UTF-8"?> 
<web-app> 
  <servlet> 
  <servlet-name>SubmitServlet</servlet-name> 
  <servlet-class>SubmitServlet</servlet-class> 
 </servlet> 
 <servlet-mapping> 
  <servlet-name>SubmitServlet</servlet-name> 
  <url-pattern>/submitServlet</url-pattern> 
 </servlet-mapping> 
</web-app> 
<?xml version="1.0" encoding="UTF-8"?>
<web-app>
 <servlet>
  <servlet-name>SubmitServlet</servlet-name>
  <servlet-class>SubmitServlet</servlet-class>
 </servlet>
 <servlet-mapping>
  <servlet-name>SubmitServlet</servlet-name>
  <url-pattern>/submitServlet</url-pattern>
 </servlet-mapping>

</web-app>啟動tomcat訪問http://127.0.0.1:8080/項目名/submit.html

在tomcat控制臺看到傳來的數(shù)據(jù)

總結(jié)

以上所述是小編給大家介紹的使用JSON格式提交數(shù)據(jù)到服務(wù)端的實例代碼,希望對大家有所幫助,如果大家有任何疑問花園給我留言,小編會及時回復(fù)大家的!

相關(guān)文章

  • 如何使用JS中的webWorker

    如何使用JS中的webWorker

    作為瀏覽器腳本語言,如果JavaScript不是單線程,那么就有點(diǎn)棘手了。比如,與用戶交互或者對DOM進(jìn)行操作時,在一個線程上修改某個DOM,另外的線程刪除DOM,這時瀏覽器該如何抉擇呢?
    2021-05-05
  • js clearInterval()方法的定義和用法

    js clearInterval()方法的定義和用法

    clearInterval()方法能夠取消setInterval()方法設(shè)置的定時器,本文給大家詳解clearInterval()方法的定義和用法,感興趣的朋友參考下。
    2015-11-11
  • 可能是全網(wǎng)最詳細(xì)小程序中使用echarts的教程

    可能是全網(wǎng)最詳細(xì)小程序中使用echarts的教程

    在開發(fā)微信小程序時,有需求需要使用到柱狀圖,餅圖等圖表,下面這篇文章主要給大家介紹了關(guān)于小程序中使用echarts的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • 微信公眾號獲取用戶地理位置并列出附近的門店的示例代碼

    微信公眾號獲取用戶地理位置并列出附近的門店的示例代碼

    這篇文章主要介紹了微信公眾號獲取用戶地理位置并列出附近的門店的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • javascript中alert()與console.log()的區(qū)別

    javascript中alert()與console.log()的區(qū)別

    我們在做js調(diào)試的時候使用 alert 可以顯示信息,調(diào)試程序,alert 彈出窗口會中斷程序, 如果要在循環(huán)中顯示信息,手點(diǎn)擊關(guān)閉窗口都累死。而且 alert 顯示對象永遠(yuǎn)顯示為[object ]。 自己寫的 log 雖然可以顯示一些 object 信息,但很多功能支持都沒有 console 好
    2015-08-08
  • js H5 canvas投籃小游戲

    js H5 canvas投籃小游戲

    這篇文章主要為大家詳細(xì)介紹了JavaScript結(jié)合H5 canvas實現(xiàn)投籃小游戲的具體代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • js 中{},[]中括號,大括號使用詳解

    js 中{},[]中括號,大括號使用詳解

    { } 大括號,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數(shù)
    2011-05-05
  • JavaScript使用arcgis實現(xiàn)截圖截屏功能

    JavaScript使用arcgis實現(xiàn)截圖截屏功能

    這篇文章主要為大家詳細(xì)介紹了JavaScript如何使用arcgis實現(xiàn)截圖截屏功能,類似于qq截圖,文中的示例代碼講解詳細(xì),需要的可以參考一下
    2024-01-01
  • js完整倒計時代碼分享

    js完整倒計時代碼分享

    這篇文章主要為大家詳細(xì)介紹了js完整倒計時代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 簡單談?wù)凧avascript中類型的判斷

    簡單談?wù)凧avascript中類型的判斷

    這篇文章主要是對判斷javascript的數(shù)據(jù)類型的判斷方式進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2015-10-10

最新評論