POST mittels XMLHTTPRequest an SOASP

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • POST mittels XMLHTTPRequest an SOASP

    Die alte Überschrift ist nicht mehr gültig. Das Problem ist ein anderes als ich ursprünglich vermutete ...

    ===========================================

    Form.serialize() in FF3

    Guten morgen!

    Mir stellt sich folgendes Problem:

    Ich serialisiere ein Formular, das aus "statischen" Formularfeldern und "dynamischen" Forrmularfeldern besteht. Die "statischen" werden bereits beim Aufruf der Seite dargestellt, die "dynamischen" werden mittels Prototypes Ajax.Updater in das Formular eingebunden.

    Serialisiere ich nun das ganze Formular, so werden nur die "statischen" nicht aber die "dynamischen" Formularfelder erfaßt und an den Server übermittelt.

    Dieses Verhalten beobachte ich ausschließlich im FF3! Im FF2 und IE werden alle Formularfelder erfaßt.

    Kennt jemand dieses Verhalten? Wie kann ich das Problem lösen, oder wo könnte ich weiterlesen?

    Ich habe im Netz zwar ein ähnliches Problem gefunden (groups.google.com/group/protot…d/thread/02583700b46e12d7) aber da lag es an invalidem (X)HTML der dynamisch nachgeladenen Formularfelder. Das kann ich bei mir aber ausschließen.

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Marcus Gnaß ()

  • Hi,
    ich habe mal ein Minimalbeispiel gebaut... das funktioniert einwandfrei:

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    5. <head>
    6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    7. <script src="/prototype.js" type="text/javascript"></script>
    8. </script>
    9. </head>
    11. <body>
    12. <form id="person-example" class="example" action="#" onsubmit="alert($(this).serialize()); return false">
    13. <fieldset><legend>User info</legend>
    14. <div><label for="username">Username:</label> <input type="text" name="username" id="username" value="" /></div>
    15. <div><label for="age">Age:</label> <input type="text" name="age" id="age" value="" size="3" /></div>
    17. <div><label for="hobbies">Your hobbies are:</label>
    18. <select name="hobbies" id="hobbies" multiple="multiple">
    20. <option>coding</option>
    21. <option>swimming</option>
    22. <option>hiking</option>
    23. <option>drawing</option>
    24. </select>
    25. </div>
    27. <div id="insert">
    28. </div>
    29. <div class="buttonrow"><input type="submit" value="serialize!" /></div>
    31. </fieldset>
    32. </form>
    35. <script type="text/javascript">
    36. new Ajax.Updater('insert', 'status.php');
    37. </script>
    39. </body>
    40. </html>
    Alles anzeigen


    status.php liefert

    Quellcode

    1. <input type="text" name="hobbies3" value="foo">

  • Grumpf! ;)

    OK, werd ich morgen ausprobieren ... das beraubt mich aber jeder Illusion ... da steht wohl noch ein wenig Recherche an. Ich meld mich wieder! ;)

    Edit: Welche Prototypeversion hast du verwendet?
    Ich hab bisher die Prototype-Versionen 1.4 und 1.5 aus Scriptaculous 1.5.0, 1.5.3 bzw. 1.8.1 ausprobiert.
    Aber alle Versionen haben bei mir dasselbe Verhalten gezeigt.

    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von Marcus Gnaß ()

  • Ich habs nochmal ausprobiert und bin ein wenig am Verzweifeln ... vergiß zunächst mein Beispiel, da stecken noch andere Fehler drin. Ich hab gestern nochmal rumgetestet und mußt schließlich feststellen, daß das Serialisieren des Formulares funktioniert! (Komisch, vorher war da der Fehler ... versteh ich nicht). Die Daten werden (auch laut Firebug) richtig übermittelt. Nur kommen sie nicht auf dem Server an. Unabhängig, davon ob es sich um "statische" oder "dynamische" Felder handelt. Ich vermute aber ein Encodingproblem, da die Seite Latin1 ist, die nachgeladenen Felder aber UTF8 (geht glaub ich auch nicht anders). Ich werde heute nochmal weitertesten und mich dann wieder melden. Danke für deine Hilfe soweit!!!

  • Das Serialisieren des Formulares funktioniert wunderbar! Der POST-Request wird auch ordentlich erzeugt (Hab ich mittels FireBug geprüft).
    Der Request wird von PHP korrekt interpretiert. Allerdings bereitet mir mein ASP Kopfzerbrechen.
    Lasse ich den Browser den Submit durchführen, so werden die Daten im RequestBody korrekt ausgelesen.
    Verwende ich aber einen XMLHTTPRequest (oder eben Prototype) im Firefox 3 werden die Daten nicht korrekt ausgelesen.
    Mit dem Internet Explorer und Firefox 2 taucht dieses Problem nicht auf.
    Die Schwierigkeit besteht nun darin, daß ich Sun Java System Active Server Pages 4.0 (sun.com/software/chilisoft/) verwende.
    Dabei handelt es sich allerdings um eine veraltete Software und ich schätze der Fehler liegt bei denen. Auf Patches hoffe ich aber wohl vergeblich.
    Nun bleibt mir nur noch der Weg es mit Beans zu versuchen, die ich statt COM-Komponenten verwenden kann ... wenn ich mehr weiß melde ich mich wieder.

  • Also das war meine HTML-Seite:

    ff3_test.html

    Quellcode

    1. <!DOCTYPE html PUBLIC
    2. "-//W3C//DTD XHTML 1.0 Transitional//EN"
    3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    7. <head>
    9. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    10. <script type="text/javascript" src="../share/scriptaculous-js-1.8.1/lib/prototype.js"></script>
    11. <script type="text/javascript" src="ff3_test.js"></script>
    12. <title>FF3-Test</title>
    14. </head>
    16. <body>
    18. <form id="form" action="#" method="post">
    20. <fieldset>
    21. <div><input type="button" value="Prototype =&gt; ASP" onclick="javascript: postFormViaPrototype('asp');" /></div>
    22. <div><input type="button" value="Prototype =&gt; PHP" onclick="javascript: postFormViaPrototype('php');" /></div>
    23. <div><input type="button" value="XMLHttpRequest =&gt; ASP" onclick="javascript: postFormViaXMLHttpRequest('asp');" /></div>
    24. <div><input type="button" value="XMLHttpRequest =&gt; PHP" onclick="javascript: postFormViaXMLHttpRequest('php');" /></div>
    25. </fieldset>
    27. <fieldset>
    28. <div><input type="text" id="staticfield" name="static" value="foo" /></div>
    29. <div id="result">result</div>
    30. </fieldset>
    32. </form>
    34. </body>
    36. </html>
    Alles anzeigen


    ff3_test.js

    Quellcode

    1. function postFormViaXMLHttpRequest(target) {
    2. var xhr;
    3. try {
    4. xhr = new ActiveXObject('Msxml2.XMLHTTP');
    5. } catch (err1) {
    6. try {
    7. xhr = new ActiveXObject('Microsoft.XMLHTTP');
    8. } catch (err2) {
    9. try {
    10. xhr = new XMLHttpRequest();
    11. } catch (err3) {
    12. xhr = false;
    13. }
    14. }
    15. }
    16. if (xhr) {
    17. xhr.open('POST', '/test/ff3_test_post.' + target, false);
    18. xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    19. xhr.send('static=' + document.getElementById('staticfield').value);
    20. alert(xhr.responseText);
    21. }
    22. }
    24. function postFormViaPrototype(target) {
    25. var serializedForm = $('form').serialize(true);
    26. var ajax = new Ajax.Updater(
    27. 'result', '/test/ff3_test_post.' + target,
    28. {method: 'post', parameters: serializedForm}
    29. );
    30. }
    Alles anzeigen



    Zusätzlich habe ich noch folgende Scripte im Backend:

    ff3_test_post.asp

    Quellcode

    1. <%
    3. Option Explicit
    5. Dim strKey
    7. Response.Write "<p><b>REQUEST_METHOD</b>: " & Request.ServerVariables("REQUEST_METHOD") & "</p>"
    9. Response.Write "<b>Request.Form</b>"
    10. Response.Write "<ul>"
    11. For Each strKey In Request.Form
    12. Response.Write "<li>" & strKey & ": " & Request.Form(strKey) & "</li>"
    13. Next
    14. Response.Write "</ul>"
    16. Response.Write "<b>Request.QueryString</b>"
    17. Response.Write "<ul>"
    18. For Each strKey In Request.QueryString
    19. Response.Write "<li>" & strKey & ": " & Request.QueryString(strKey) & "</li>"
    20. Next
    21. Response.Write "</ul>"
    23. Dim objRequest
    24. Set objRequest = NewJavaObject("RequestTest")
    25. Response.Write "static: " & objRequest.getParam("static")
    26. Response.Write "dynamic: " & objRequest.getParam("dynamic")
    27. Set objRequest = Nothing
    29. %>
    Alles anzeigen


    ff3_test_post.php

    Quellcode

    1. <?php
    3. echo 'PHP: ';
    4. echo '<br />content: ' . $_POST['content'];
    5. echo '<br />static: ' . $_POST['static'];
    6. echo '<br />dynamic: ' . $_POST['dynamic'];
    8. ?>


    RequestTest.java

    Quellcode

    1. import javax.servlet.ServletException;
    2. import javax.servlet.http.HttpServletRequest;
    3. import com.sun.asp.AspContext;
    5. class RequestTest {
    7. HttpServletRequest request = null;
    9. public RequestTest() {
    10. request = AspContext.getScriptingContext().getRequest();
    11. }
    13. public String getParam(String key)
    14. throws ServletException {
    15. if (null==request)
    16. throw new ServletException("kein Request");
    17. return request.getParameter(key);
    18. }
    20. }
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Marcus Gnaß ()