[FRAGE] Implementieren eines Datenfilters mit AJAX

[osprofi]

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:

 <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/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest
...

    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

 

[mikdoe]

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/docs/Web/API/FormData/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.

- ich nutze das AJAX Form Submit Framework ::
https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/Using_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:

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.

 

[osprofi]

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

 

[mikdoe]

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?

- 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.

 

[osprofi]

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

 

[mikdoe]

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.