Ich habe in diesem Forum ein Code gefunden, den ich nun soweit verändern möchte, dass alle Formularfelder mit [coderwiki]Informationen/Ajax[/coderwiki] aktualisiert werden.
Dazu habe ich mal folgendes probiert:
Alles anzeigen
Mein PHP-Code fo_fu.php sieht wie folgt aus und dient für die Datebankabfrage oder Verzweigung:
Das ganze funktioniert schon ganz nett. Mein Problem oder Frage ist nur, wie mache ich dies wenn ich mehrere Felder habe und diese dann noch dynamisch zur Laufzeit erstellt werden. Da muss ich irgendwie auch die function handleResponse dynamisch erweitern und die Rückgabewerte in die Felder übergeben.
Auch habe ich da noch das Problem wie ich im File fo_fu.php da mehrere Werte ausgeben kann und diese dann wieder im html File ausselektiere.
Kann man mehrere Formularfelder überhaupt mit der ajax-Technologie lösen, oder muss ich da wieder auf die action-Methode wie bei herkömmlichen Formularen zurückgreifen. Da habe ich halt immer den Nachteil, dass die ganze Seite neu aufgebaut wird.
Hoffe da kann mir jemand weiterhelfen.
Vielen Dank für jede Antwort
Dazu habe ich mal folgendes probiert:
Quellcode
- <html>
- <head>
- <script type="text/Javascript">
- <!--
- function createXMLHttpRequest() {
- var ua;
- if(window.XMLHttpRequest) {
- try {
- ua = new XMLHttpRequest();
- } catch(e) {
- ua = false;
- }
- } else if(window.ActiveXObject) {
- try {
- ua = new ActiveXObject("Microsoft.XMLHTTP");
- } catch(e) {
- ua = false;
- }
- }
- return ua;
- }
- var req = createXMLHttpRequest();
- function sendRequest() {
- id = document.form01.eingabe.value;
- req.open('get', 'fo_fu.php?s='+ id);
- req.onreadystatechange = handleResponse;
- req.send(null);
- }
- function handleResponse() {
- if(req.readyState == 4){
- document.form01.ausgabe1.value = req.responseText;
- }
- }
- //-->
- </script>
- </head>
- <body>
- <table>
- <tr>
- <td>
- <form name="form01">
- <label>Felder:</label>
- <input type="text" size="10" name="eingabe">
- <input type="text" size="10" name="ausgabe1">
- <input type="text" size="10" name="ausgabe2">
- <input type="text" size="10" name="ausgabe3">
- <input type="text" size="10" name="ausgabe4">
- <input type="text" size="10" name="ausgabe5">
- <input type="button" value="ok" onClick="sendRequest3()">
- </form>
- </td>
- </tr>
- </table>
- </body>
- </html>
Mein PHP-Code fo_fu.php sieht wie folgt aus und dient für die Datebankabfrage oder Verzweigung:
Das ganze funktioniert schon ganz nett. Mein Problem oder Frage ist nur, wie mache ich dies wenn ich mehrere Felder habe und diese dann noch dynamisch zur Laufzeit erstellt werden. Da muss ich irgendwie auch die function handleResponse dynamisch erweitern und die Rückgabewerte in die Felder übergeben.
Auch habe ich da noch das Problem wie ich im File fo_fu.php da mehrere Werte ausgeben kann und diese dann wieder im html File ausselektiere.
Kann man mehrere Formularfelder überhaupt mit der ajax-Technologie lösen, oder muss ich da wieder auf die action-Methode wie bei herkömmlichen Formularen zurückgreifen. Da habe ich halt immer den Nachteil, dass die ganze Seite neu aufgebaut wird.
Hoffe da kann mir jemand weiterhelfen.
Vielen Dank für jede Antwort