Rumah hujung hadapan web tutorial js JSON提交数据储存至服务端

JSON提交数据储存至服务端

May 02, 2018 pm 02:59 PM
javascript json Hidangkan

这次给大家带来JSON提交数据储存至服务端,JSON提交数据储存至服务端的注意事项有哪些,下面就是实战案例,一起来看一下。

准备Hero.java

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

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" id="name"/><br/> 

  血量:<input type="text" id="hp"/><br/> 

  <input type="button" value="提交" id="sender">  

 </form> 

 <p id="messagep"></p> 

 <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" id="name"/><br/> 

  血量:<input type="text" id="hp"/><br/> 

  <input type="button" value="提交" id="sender"

 </form> 

 <p id="messagep"></p> 

 <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>

Salin selepas log masuk

JSON.stringify函数的作用是将一个javascript对象,转换为JSON格式的字符串

准备SubmitServlet用来接收数据

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

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);

 

}

Salin selepas log masuk

1. 获取浏览器提交的字符串

2. 把字符串转换为JSON对象

3. 把JSON对象转换为Hero对象

最后配置web.xml

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<?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>

Salin selepas log masuk

启动tomcat访问http://127.0.0.1:8080/项目名/submit.html

在tomcat控制台看到传来的数据

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

实现js同源策略与跨域访问步骤详解

react做出手机数据同步显示在界面功能

Atas ialah kandungan terperinci JSON提交数据储存至服务端. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Apakah perbezaan antara MySQL5.7 dan MySQL8.0? Apakah perbezaan antara MySQL5.7 dan MySQL8.0? Feb 19, 2024 am 11:21 AM

MySQL5.7 dan MySQL8.0 ialah dua versi pangkalan data MySQL yang berbeza Terdapat beberapa perbezaan utama antara mereka: Peningkatan prestasi: MySQL8.0 mempunyai beberapa peningkatan prestasi berbanding MySQL5.7. Ini termasuk pengoptimum pertanyaan yang lebih baik, penjanaan pelan pelaksanaan pertanyaan yang lebih cekap, algoritma pengindeksan yang lebih baik dan pertanyaan selari, dsb. Penambahbaikan ini boleh meningkatkan prestasi pertanyaan dan prestasi keseluruhan sistem. Sokongan JSON: MySQL 8.0 memperkenalkan sokongan asli untuk jenis data JSON, termasuk penyimpanan, pertanyaan dan pengindeksan data JSON. Ini menjadikan pemprosesan dan memanipulasi data JSON dalam MySQL lebih mudah dan cekap. Ciri transaksi: MySQL8.0 memperkenalkan beberapa ciri transaksi baharu, seperti atomic

Apakah cara yang betul untuk memulakan semula perkhidmatan dalam Linux? Apakah cara yang betul untuk memulakan semula perkhidmatan dalam Linux? Mar 15, 2024 am 09:09 AM

Apakah cara yang betul untuk memulakan semula perkhidmatan dalam Linux? Apabila menggunakan sistem Linux, kami sering menghadapi situasi di mana kami perlu memulakan semula perkhidmatan tertentu, tetapi kadangkala kami mungkin menghadapi beberapa masalah semasa memulakan semula perkhidmatan, seperti perkhidmatan tidak benar-benar berhenti atau bermula. Oleh itu, adalah sangat penting untuk menguasai cara yang betul untuk memulakan semula perkhidmatan. Di Linux, anda biasanya boleh menggunakan perintah systemctl untuk mengurus perkhidmatan sistem. Perintah systemctl adalah sebahagian daripada pengurus sistem systemd

Petua pengoptimuman prestasi untuk menukar tatasusunan PHP kepada JSON Petua pengoptimuman prestasi untuk menukar tatasusunan PHP kepada JSON May 04, 2024 pm 06:15 PM

Kaedah pengoptimuman prestasi untuk menukar tatasusunan PHP kepada JSON termasuk: menggunakan sambungan JSON dan fungsi json_encode() menambah pilihan JSON_UNESCAPED_UNICODE untuk mengelakkan aksara melarikan diri menggunakan penimbal untuk meningkatkan prestasi pengekodan JSON; Pustaka pengekodan JSON.

Bagaimanakah anotasi dalam perpustakaan Jackson mengawal pensirilan dan penyahsirilan JSON? Bagaimanakah anotasi dalam perpustakaan Jackson mengawal pensirilan dan penyahsirilan JSON? May 06, 2024 pm 10:09 PM

Anotasi dalam perpustakaan Jackson mengawal pensirilan dan penyahserilangan JSON: Pensirilan: @JsonIgnore: Abaikan harta @JsonProperty: Tentukan nama @JsonGetter: Gunakan kaedah get @JsonSetter: Gunakan kaedah yang ditetapkan Deserialization: @JsonIgnoreProperties: Abaikan harta @ JsonProperty: Nyatakan nama @JsonCreator: Gunakan pembina @JsonDeserialize: Logik tersuai

Pemahaman mendalam tentang PHP: Kaedah pelaksanaan menukar Unicode JSON kepada bahasa Cina Pemahaman mendalam tentang PHP: Kaedah pelaksanaan menukar Unicode JSON kepada bahasa Cina Mar 05, 2024 pm 02:48 PM

Pemahaman mendalam tentang PHP: Kaedah pelaksanaan menukar JSONUnicode kepada Bahasa Cina Semasa pembangunan, kami sering menghadapi situasi di mana kami perlu memproses data JSON dan pengekodan Unicode dalam JSON akan menyebabkan kami beberapa masalah dalam beberapa senario, terutamanya apabila kami perlu menukar Unicode Apabila pengekodan ditukar kepada aksara Cina. Dalam PHP, terdapat beberapa kaedah yang boleh membantu kami mencapai proses penukaran ini Kaedah biasa akan diperkenalkan di bawah dan contoh kod khusus akan disediakan. Mula-mula, mari kita fahami dulu Un dalam JSON

Penyelesaian kepada perkhidmatan PHP Ubuntu gagal dimulakan seperti biasa Penyelesaian kepada perkhidmatan PHP Ubuntu gagal dimulakan seperti biasa Feb 28, 2024 am 10:48 AM

Tajuk: Kaedah dan contoh kod khusus untuk menyelesaikan masalah yang perkhidmatan PHP tidak boleh dimulakan seperti biasa di bawah Ubuntu Apabila menggunakan Ubuntu untuk membina tapak web atau aplikasi, anda sering menghadapi masalah yang perkhidmatan PHP tidak dapat dimulakan secara normal, yang akan menyebabkan laman web tersebut. tidak dapat diakses secara normal atau aplikasi tidak dapat berfungsi dengan normal. Artikel ini akan memperkenalkan cara untuk menyelesaikan masalah yang perkhidmatan PHP tidak dapat dimulakan seperti biasa di bawah Ubuntu, dan memberikan contoh kod khusus untuk membantu pembaca menyelesaikan kegagalan tersebut dengan cepat. 1. Semak fail konfigurasi PHP Mula-mula, kita perlu menyemak fail konfigurasi PHP

Bagaimana untuk melaksanakan perintah restart perkhidmatan di Linux? Bagaimana untuk melaksanakan perintah restart perkhidmatan di Linux? Mar 14, 2024 am 11:06 AM

Di Linux, untuk melaksanakan perintah restart perkhidmatan, anda biasanya perlu menggunakan pengurus perkhidmatan Systemd. Systemd ialah alat pengurusan perkhidmatan yang digunakan secara meluas di Linux, yang boleh mengurus dan mengawal perkhidmatan sistem dengan mudah. Berikut akan memperkenalkan cara untuk melaksanakan perintah restart perkhidmatan melalui Systemd dalam Linux dan memberikan contoh kod khusus. Langkah 1: Sahkan nama perkhidmatan Sebelum melaksanakan perintah mulakan semula perkhidmatan, anda perlu mengesahkan nama perkhidmatan untuk dimulakan semula. Anda boleh melihat senarai perkhidmatan yang berjalan pada sistem dengan arahan berikut:

Petua pantas untuk menukar tatasusunan PHP kepada JSON Petua pantas untuk menukar tatasusunan PHP kepada JSON May 03, 2024 pm 06:33 PM

Tatasusunan PHP boleh ditukar kepada rentetan JSON melalui fungsi json_encode() (contohnya: $json=json_encode($array);), dan sebaliknya, fungsi json_decode() boleh digunakan untuk menukar daripada JSON kepada tatasusunan ($array= json_decode($json);) . Petua lain termasuk mengelakkan penukaran mendalam, menentukan pilihan tersuai dan menggunakan perpustakaan pihak ketiga.

See all articles