Ergebnis 1 bis 6 von 6
  1. #1
    osprofi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    7

    Implementieren eines Datenfilters mit AJAX

    Hallo Ajaxxer

    ich habe Datensaetze in einer json Datei auf dem Server, welche ich nach den Nutzer Eingaben anzeigen will.

    - Beide AJAX Komponenten - einmal Data loading und zweitens user input abfrage funktionieren einzeln, kann jedoch beide nicht vereinen. Wer kann mir hier einen Tip geben, wie dies funkionieren kann?

    - hier ist der HTML FORM Code zu User Input:
    HTML-Code:
     <form id="myform" name="myform" enctype="multipart/form-data" action="register1.php" method="post" onsubmit="AJAXSubmit(this); return false;">
        <label>RS1
    	<select name="rs">
    	  <option value="red" selected>für RW</option> 
    	  <option value="white">für WW</option>
    	</select>	
        </label>
        <label>Region
    	<select name="region">
    	  <option value="region1" selected>REG A</option> 
    	  <option value="region2">REG A</option>
    	  <option value="region3">REG A</option>
    	  <option value="region4">REG A</option>
    	</select>	
        </label>
           <input id="bg" type="checkbox" name="bg" value="1"/> <label for="bg">bg</label>
    	  <input id="submit" type="submit" value="submit">
    	</fieldset>
    </form>
    - ich nutze das AJAX Form Submit Framework ::
    https://developer.mozilla.org/en-US/...XMLHttpRequest
    ...
    HTML-Code:
        function ajaxSuccess () {
        var data_file = require('gr.js'); 
    	alert(data_file);
    //    var jsonObj = JSON.parse(data_file);
    //    document.getElementById("id01").innerHTML = this.responseText;
      }
    Wie muss die functio ajaxSuccess gestaltet werden um erstens die JSON Datei zu laden und zweitens diese mit den user
    inputs zu filtern?

    Vielen dank fuer Eure Hinweise
    Frank
    Geändert von mikdoe (11-06-2015 um 07:28 Uhr) Grund: Code Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.625

    AW: Implementieren eines Datenfilters mit AJAX

    Endlich mal wider eine klassische Ajax Frage

    Wenn ich die Frage richtig verstanden habe wäre die Lösung, das Formular per Ajax abzusenden, das geht z.B. durch das manuelle iterieren der Felder oder durch https://developer.mozilla.org/en-US/...mData/FormData
    Letzteres geht aber nur in aktuellen Browsern, Komp.-Liste ganz unten im Link.

    Darauf sollte das Serverscript dann mit dem Aussenden des JSON antworten und das kannst du dann mit deiner function ajaxSuccess () {} verarbeiten.

    Zitat Zitat von osprofi Beitrag anzeigen
    - ich nutze das AJAX Form Submit Framework ::
    https://developer.mozilla.org/en-US/...XMLHttpRequest
    Das ist aber kein Framework sondern genau das Gegenteil, es ist pures JS ohne Framework.
    jQuery wäre ein Beispiel für ein Framework: jQuery.ajax() | jQuery API Documentation

    Müsstest dich entscheiden, ob du es pur oder mit einem Framework machen willst, davon hängt nämlich der Code dann ab.
    Ein Beispiel mit jQuery sähe so aus:
    HTML-Code:
    function serverrequest() {
    	jQuery.ajax({
    		url: 'meinserverscript.php',
    		data: new FormData(jQuery("#myform")[0]),
    		dataType: 'json',
    		type: 'POST',
    		cache: false,
    		success: function(jsondata) {
    			jQuery('#testid').html(jsondata);
    			// oder deine ajaxSuccess(jsondata) aber die müssten wir dafür erst korrigieren
    			// man kann den Erfolgsfall auch ohne eigene function hier abhandeln
    		},
    		error: function(jqXHR,textStatus,errorThrown) {	// schief gegangen, Fehler im alert() anzeigen
    			alert('Fehler:\n\ntextStatus: '+textStatus+'\nerrorThrown: '+errorThrown);
    		}
    	});
    }
    P.S.: Bitte nutze die Code Tags, wenn du Code zeigst, hab das jetzt in deinem Beitrag schon gemacht.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #3
    osprofi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    7

    AW: Implementieren eines Datenfilters mit AJAX

    Hallo Mikdoe
    danke fuer Deine schnelle Reaktion;
    Richtig, geplant:
    - Formular per reinem AJAX (V1 ohne FormData) absenden nach Werte einsammeln; dies funktioniert;
    - Serverscript sendet JSON data, welche mit function ajaxSuccess () {} verarbeitet wird;
    Eine Frage hier: derzeit habe ich einen Server php skript hierfuer (siehe action="register1.php"), wuerde aber gern ebenfalls Ajax verwenden, wenn dies moeglich ist?
    - AJAX Form Submit Framework, alles richtig, ist pures Javascript wie gewuenscht, siehe oben, moechte vorerst kein jquery bemuehen;
    - meine Frage ist, wie die serverseitigen json daten per php server script mit der functio ajaxsuccess verbunden werden koennen?

    Danke fuer Deine Hinweise.

    Gruss, Frank

  4. #4
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.625

    AW: Implementieren eines Datenfilters mit AJAX

    Zitat Zitat von osprofi Beitrag anzeigen
    Eine Frage hier: derzeit habe ich einen Server php skript hierfuer (siehe action="register1.php"), wuerde aber gern ebenfalls Ajax verwenden, wenn dies moeglich ist?
    Ajax heißt
    Asynchronous JavaScript and XML
    . Das heißt, es ist eine Technik in JS. Wenn du jetzt fragst, ob du serverseitig auch mit Ajax arbeiten kannst, fragst du indirekt nach JS für den Server. Ja, das gibt es, z.B. mit node.js aber ich vermute, das meinst du nicht, oder doch?

    Zitat Zitat von osprofi Beitrag anzeigen
    - meine Frage ist, wie die serverseitigen json daten per php server script mit der functio ajaxsuccess verbunden werden koennen?
    Die werden verbunden über das Client-/Server-Prinzip. Ajax macht als Client den Request und PHP als Server die Response. Und die Response ist im Erfolgsfall der success Zweig deines Ajax-Request.

    Hatte gestern nur ein Tablet zur Verfügung, da ist so viel Text doof zu schreiben.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  5. #5
    osprofi ist offline Grünschnabel
    registriert
    10-08-2004
    Beiträge
    7

    AW: Implementieren eines Datenfilters mit AJAX

    Hallo MikDoe
    danke fuer Deine Antwort bzgl php und node.js; Jedoch ist mir immer noch nicht klar, wie ich beide Unterprozesse in der AJAXSuccess verheiraten kann (Abfrage Formular und Erhalt/Auswertung der serverseitigen Daten) ?
    Gruss,Frank

  6. #6
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.625

    AW: Implementieren eines Datenfilters mit AJAX

    Hi Frank!
    Dann stell doch am besten mal eine oder mehrere Fragen. Erklärt hab ich es ja schon. Und das Client-/Serverprinzip sollte als Voraussetzung sitzen.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 18-01-2013, 06:08
  2. Antworten: 9
    Letzter Beitrag: 17-11-2010, 20:15
  3. divs per javascript aus anderer Datei implementieren
    Von Morgenes im Forum JavaScript
    Antworten: 14
    Letzter Beitrag: 25-09-2009, 10:15
  4. Antworten: 6
    Letzter Beitrag: 16-10-2008, 17:31
  5. Was heißt bzw. bedeutet eigentlich implementieren?
    Von ABNetworks.DE im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 02-03-2003, 11:08

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •