jQuery Formular abschicken & wieder einbleden

[Sara]

Hallo,

So nicht! Wenn der Nutzer ein & eingibt, sind deine Daten kaputt. Mit und ohne jQuery. Dabei macht es dir jQuery doch so einfach, du musst es nur seine vorhandene Funktionalität nutzen. Erstell dir ein Objekt und übergib das dem data.

data: {
  ctrl_20: $("#ctrl_20").val(),
  ctrl_21: $("#ctrl_21").val(),
  ctrl_22: $("#ctrl_22").val(),
  ctrl_23: $("#ctrl_23").val(),
  ctrl_25: $("#ctrl_25").val()
},

danke für die Verbesserung, habe ich in meinem Code abgeändert

$("#form_index").submit(function() {
              
        if($("#ctrl_20").val() == "" || $("#ctrl_21").val() == "" || $("#ctrl_22").val() == "" || $("#ctrl_25").val() == "") {
        	 $("#response").html("Bitte fülle alle Felder ausm die mit einem * versehen sind!");
        } else {
             $("#submit").attr("disabled","disabled");
             
             $.ajax({
                 
                 type: "POST",
                 url: "senden.php",
                 data: {
			ctrl_20: $("#ctrl_20").val(),
			ctrl_21: $("#ctrl_21").val(),
			ctrl_22: $("#ctrl_22").val(),
			ctrl_23: $("#ctrl_23").val(),
			ctrl_25: $("#ctrl_25").val()
		},
                 
                 success: function(msg)
                    {
                      $("#form_index").addClass( "ausblenden");
                      $('#ctrl_20').val('');
                      $('#ctrl_21').val('');
                      $('#ctrl_22').val('');
                      $('#ctrl_23').val('');
					  $('#ctrl_25').val('');
                      $("#response").html(msg);

                      setTimeout(function(){
				$("#form_index").removeClass( "ausblenden");
				$("#response").html("");
		    }, 3000);
                    }
                });
            }
               return false;
         });

Indem du ihm das antwortest. Dazu solltest du dir eine Datenstruktur ausdenken, mit der du am Client die Daten den entsprechenden Eingabefeldern oder was auch immer zuordnen kannst.

Dazu habe ich ja in meinem HTML bereits dieses Feld

<p id="response"></p>

Am besten erstellst du dazu ein (assoziatives) Array und packst das mit json_encode() ein. Dem jQuery.ajax auf der anderen Seite sagst du mittels dataType-Option, dass du JSON zurückschickst. Du bekommst dann ein fertig ausgepacktes Objekt, das du ohne weitere Schritte verwenden kannst.

Ab hier verstehe ich leider gar nichts mehr :/ Hast du mir hier vielleicht ein kleines Beispiel?