nicht angemeldet
Da unser Lehrer uns nun aufgetragen hat unser Projekt dahingehend zu verändern das wir JSON mit einbinden sollen, stehen wir vor einem Problem. Da wir uns mit der Materie bisher nicht auskennenm hoffe ich hier im Forum auf Hilfe zu stoßen. Unser Projekt ist soweit fertig, müssen nur noch kleinere Änderungnen vornehmen und halt von XML zu JSON übergehen. Ich stelle hier nun die meiner Meinung nach die wichtigen Dateien hoch die geändert werden müssten.
Zuerst das funktionierde Projekt mit XML:
Datei 1 "Fotoantwort.jsp"
<%
response.setContentType("text/xml");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("pragma","no-cache");
%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><?xml version="1.0" ?>
<Bildaustausch><!-- in dieser .jsp Datei wird eine XMl zur Auswertung durch das aufrufende JavaScript generiert. -->
<c:forEach var="item" items="${fotoBean.array}"><!-- Fuer jedes vorhandene Bild wird ein neues Bildelement erstellt -->
<Bild>
<url>${item[0]}</url><!-- Hier werden die Daten aus der FotoDataBean in das XML Dokument eingebunden -->
<name>${item[1]}</name>
<text>${item[2]}</text>
<datum>${item[3]}</datum>
<laenge>${item[4]}</laenge>
</Bild>
</c:forEach>
</Bildaustausch>
---------------------------------------------------------
Datei 2 "Controller.java"
package servlet;
import java.io.IOException;
//import java.io.PrintWriter;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
// Dieses Servlet nimmt alles clientseitigen Anfragen entgegen, leitet sie zur Bearbeitung an die entsprecheden Beans weiter und gibt das Resultat der Bearbeitung an die dafür vorgesehene .jsp weiter.
public class Controller extends HttpServlet {
private FotoBean foto;
private GalerienBean galerien;
public void init(){
foto = new FotoBean();
galerien = new GalerienBean();
}
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
String jsp;
// An dieser Stelle wird entschieden um welche Art der Anfrage es sich handelt
if(request.getParameter("Mappe") != null){ //Es handelt sich um eine Anfrage nach Bildern
FotoDataBean fotoBean = new FotoDataBean(foto.getBilder(request));//Die entsprechenden Daten werden durch eine FotoBean ermittlet, in einer FotoDataBean gespeichert und schließlich zur Darstellung der FotoAntwort.jsp zugewiesen
request.setAttribute("fotoBean", fotoBean);
jsp ="../html/FotoAntwort.jsp";
}else{
jsp ="../html/Fotogalerie5.jsp"; // Hier handelt es sich um eine Anfrage nach dem auf dem Server vorhanden Fotomappen. Das weitere Vorgehen ist das Gleiche wie bereits oben beschrieben.
GalerienDataBean galerienBean = new GalerienDataBean(galerien.getGalerien());
request.setAttribute("galerienBean",galerienBean);
}
RequestDispatcher dipatcher = request.getRequestDispatcher(jsp); // An dieser Stelle wird die Anfrage zur Darstellung an die entsprechende .jsp weitergeleitet.
dipatcher.forward(request, response);
System.out.println(request.getParameter("Mappe"));
}
}
---------------------------------------------------
Datei 3 "anfragen.js"
//Dies ist die JavaScript Datei, die asynchrone Anfragen an den Server stellt und die durch das Servlet generierten antworten entgegen nimmt
var client;
var mappe;
var Sortierung = "a";
var AngezeigteBreite = 500;
var GespeicherteBreite = 0;
var time=2000;
var timeout;
var stop=false;
var a;
function galerieAnfrage(a,b,c,d){
showProgress(); //An dieser Stelle wird die Wartenzeige eingeblendet
var Laenge = 0;
var Anfang = 0;
if(a != null){//Hier werden die bei Aufruf der Funktion übermittelten Parameter ausgewertet
mappe = a;
}
if(d != null){
Sortierung = d;
}
if(b == "minus"){
Anfang = -1;
}
if(b == "plus"){
Anfang = 1;
}
if(c == "minus"){
Laenge = -1;
}
if(c == "plus"){
Laenge = 1;
}
if(mappe == null){//Wenn noch keine Fotomappe ausgewählt wurde soll auch noch kein Request an den Server möglich sein.
alert("Bitte waehlen Sie zunaechst eine Fotomappe aus.");
}else{
//Hier wird ein neuer Request an das Servelett generiert und als Parameter die gewünschte Modifikationen an der Sortierung, der Anzahl der anzuzeigenden Vorschaubilder und der Scrollposition übermittelt. Außerdem wird der Eventhandler der für das Behandlen der Serverantwort zuständig ist definiert
client = new XMLHttpRequest();
client.onreadystatechange = eventHandler02;
client.open("GET","../servlet/Controller?Mappe=" + mappe + "&Anfang=" + Anfang + "&Laenge=" + Laenge + "&Sortierung=" + Sortierung);
client.send(null);
}
}
function eventHandler01(){//Dies ist der EventHandler der für die Bearbeitung der Serverantwort auf die oben stehende Anfrage verantwortlich ist
if(client.readyState == 4){
if(client.status == 200){
document.getElementById("minus").style.visibility = "visible"; // Hier werden die Scrollschaltflächen und die Bildererhöhungs- und Bildererniedrigungsschaltflächen sichtbar gemacht
document.getElementById("plus").style.visibility = "visible";
document.getElementById("links").style.visibility = "visible";
document.getElementById("rechts").style.visibility = "visible";
document.getElementById("slide").style.visibility = "visible";
document.getElementById("text").style.visibility = "visible";
document.getElementById("sek").style.visibility = "visible";
document.getElementById("stopp").style.visibility = "visible";
document.getElementById("fort").style.visibility = "visible";
document.getElementById("Upload").style.visibility = "visible";
var url = client.responseXML.getElementsByTagName("url"); //Hier werden die einzelnen durch die FotoAntwort.jsp in Form eines XML Dokuments generierten Antworten ausgelesen
var name = client.responseXML.getElementsByTagName("name");
var text = client.responseXML.getElementsByTagName("text");
var datum = client.responseXML.getElementsByTagName("datum");
var laenge = client.responseXML.getElementsByTagName("laenge");
var bilder = "";
for(i = 0; i < url.length; ++i){//An dieser Stelle werden die im aktuellen Dokument anzuzeigenden Vorschubilder aufgelistet. Hierbei wird auch schon gleich das mouseoverevent, das später für die Großdarstellung eines Bildes verantwortlich ist, mit allen hierfür erforderlichen Parametern vorbereitet.
bilder = bilder + "<img src='" + url[i].firstChild.nodeValue+"' width='90' height='60' alt='test' onclick='javascript:klick(\""+url[i].firstChild.nodeValue+"\")' onmouseover='javascript:grossbild(\""+url[i].firstChild.nodeValue+"\",\""+name[i].firstChild.nodeValue+"\",\""+text[i].firstChild.nodeValue+"\",\""+datum[i].firstChild.nodeValue+"\",\""+laenge[i].firstChild.nodeValue+"\")'>";
}
document.getElementById("pictures").innerHTML = bilder; // Hier wird die eben erstellte Bilderliste in das aktuelle Dokument eingehängt
} else{
alert(client.status);
}
hideProgress(); // Hier wird die Fortschrittsanzeige ausgeblendet
}
}
----------------------------------------------------------------------
Mit XML funktioniert es alles einwandfrei nun haben wir die FotoAntwort.jsp wie folgt umgeändert.
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="js" uri="http://www.atg.com/taglibs/json" %>
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
js:object
<c:forEach var="item" items="${fotoBean.array}">
<js:property name="url" value="${item[0]}"></js:property>
<js:property name="name" value="${item[1]}"></js:property>
<js:property name="text" value="${item[2]}"></js:property>
<js:property name="datum" value="${item[3]}"></js:property>
<js:property name="laenge" value="${item[4]}"></js:property>
</c:forEach>
</js:object>
--------------
Wie schaffen wir es nun den JSON String anzusprechen, auszugeben und weiterzuverarbeiten wie wir es vorher mit XML gemacht haben?
Haben schon einige Beispiele durchgeguckt sind aber nie auf den richtigen Lösungsweg gestoßen. Falls jemand helfen könnte wären wir sehr froh. Wenn noch weitere Details des Programmcodes von Nöten sind liefer ich den auch gerne nach.
Gruß Huber
Struppi