Heim Web-Frontend js-Tutorial Ajax+Struts2 erhält Array-Form (mit Code)

Ajax+Struts2 erhält Array-Form (mit Code)

Apr 25, 2018 pm 04:10 PM
代码 表单

Dieses Mal bringe ich Ihnen Ajax+Struts2, um ein Array-Formular zu erhalten (mit Code). Was sind die Vorsichtsmaßnahmen, damit Ajax+Struts2 ein Array-Formular erhält? ein Blick.

Ich werde es im Folgenden anhand von zwei Methoden erklären: gewöhnlicher Form und Ajax. Zuerst haben wir die folgende Entität, eine Aktion und ein JSP.

Student.java

public class Student
{
 private String name;
 private String num;
}
StudentAction.java
public class StudentAction extends ActionSupport
{
 private List<Student> lstStu;
}
Nach dem Login kopieren

xy.jsp

<script type="text/javascript">
 var stus = [];
 stus.push({num:"1",name:"xy1"});
 stus.push({num:"2",name:"xy2"});
 stus.push({num:"3",name:"xy3"});
</script>
Nach dem Login kopieren

Lasst uns beginnen. Der folgende Code ist in xy geschrieben. JSP-Skriptbereich.

Normalform-Form - Durchlaufen Sie das Array, konstruieren Sie das versteckte Feld der Form

var htmlContent = "";
for(var i=0;i<stus.length;i++){
 htmlContent += "<input type='hidden' name='lstStu[" + i + "].name' value='" + stus[i].name + " ' />";
 htmlContent += "<input type='hidden' name='lstStu[" + i + "].num' value='" + stus[i].num + " ' />";
}
Nach dem Login kopieren

Sonderfall

<input type='hidden' name='lstStu.name' value='xy1' />
<input type='hidden' name='lstStu.name' value='xy2' />
<input type='hidden' name='lstStu.name' value='xy3' />
Nach dem Login kopieren

Beim Übergeben eines einzelnen Attributs können Struts es erkennen und drei verschiedene Schüler darstellen. Die Übergabe zweier Attribute funktioniert jedoch nicht, da Struts die Kombination nicht kennt. Nicht empfohlen.

Ajax-Form - Durchlaufen Sie das Array und erstellen Sie ein JSON-Objekt

var param = {};
for(var i=0;i<stus.length;i++){
 param["lstStu[" + i + "].name"] = stus[i].name;
 param["lstStu[" + i + "].num"] = stus[i].num;
}
$.ajax({
 data:param
});
Nach dem Login kopieren

Tatsächlich haben wir ein solches JSON-Objekt erstellt

data:{
 lstStu[0].num:"1",lstStu[0].name:"xy1",
 lstStu[1].num:"2",lstStu[1].name:"xy2",
 lstStu[2].num:"3",lstStu[0].name:"xy3"
}
Nach dem Login kopieren

Ich glaube, Sie haben die Methode nach dem Lesen gemeistert Fall in diesem Artikel und mehr. Wie aufregend, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der JSONP-Implementierungsprinzipien und -fälle

So verwenden Sie ajax.load() Methode in jQuery

Das obige ist der detaillierte Inhalt vonAjax+Struts2 erhält Array-Form (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was tun, wenn der Bluescreen-Code 0x0000001 auftritt? Was tun, wenn der Bluescreen-Code 0x0000001 auftritt? Feb 23, 2024 am 08:09 AM

Was tun, wenn der Bluescreen-Code 0x0000001 auftritt?

So lösen Sie Win7-Treibercode 28 So lösen Sie Win7-Treibercode 28 Dec 30, 2023 pm 11:55 PM

So lösen Sie Win7-Treibercode 28

Der Computer zeigt häufig einen Bluescreen an und der Code ist jedes Mal anders Der Computer zeigt häufig einen Bluescreen an und der Code ist jedes Mal anders Jan 06, 2024 pm 10:53 PM

Der Computer zeigt häufig einen Bluescreen an und der Code ist jedes Mal anders

Beheben Sie den Fehlercode 0xc000007b Beheben Sie den Fehlercode 0xc000007b Feb 18, 2024 pm 07:34 PM

Beheben Sie den Fehlercode 0xc000007b

Was bedeutet der Bluescreen-Code 0x000000d1? Was bedeutet der Bluescreen-Code 0x000000d1? Feb 18, 2024 pm 01:35 PM

Was bedeutet der Bluescreen-Code 0x000000d1?

Universal-Fernbedienungscode-Programm von GE auf jedem Gerät Universal-Fernbedienungscode-Programm von GE auf jedem Gerät Mar 02, 2024 pm 01:58 PM

Universal-Fernbedienungscode-Programm von GE auf jedem Gerät

Ausführliche Erläuterung der Ursachen und Lösungen des Bluescreen-Codes 0x0000007f Ausführliche Erläuterung der Ursachen und Lösungen des Bluescreen-Codes 0x0000007f Dec 25, 2023 pm 02:19 PM

Ausführliche Erläuterung der Ursachen und Lösungen des Bluescreen-Codes 0x0000007f

Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars? Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars? Oct 18, 2023 am 08:47 AM

Wie implementiert man mit JavaScript eine Echtzeitüberprüfung des Eingabefeldinhalts eines Formulars?

See all articles