Hallo zusammen,
ich zusammen, ich kniffel schon eine ganze weile bekomme es aber nicht gepacken.
Ich habe folgendes JS-Scritp:
wie man sieht möchte ich mit dem Scipt daten per JSON an eine PHP datei senden, aber ich möchte keine externe datei angeben, sondern die selbe auf der auch das Formular liegt.
das Formular hat folgenden code:
wie schaffe ich es, das mein JS die daten an die selbe datei schickt und verarbeite?
ich zusammen, ich kniffel schon eine ganze weile bekomme es aber nicht gepacken.
Ich habe folgendes JS-Scritp:
Code:
$(document).ready(function () {
$("form").submit(function(event) {
event.preventDefault();
var form = $(this);
var action = form.attr("action"),
method = form.attr("method"),
data = form.serializeArray();
$.ajax({
url : action,
type : method,
dataType: 'json',
data : data
}).always(function() {
$("#buttonLoader").text("|").addClass("formFooterSpinner");
}).done(function (data) {
$(".formFooterFeedback").text(data);
$("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
}).fail(function() {
$(".formFooterFeedback").text("Fehlertext!");
$("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
});
});
});
wie man sieht möchte ich mit dem Scipt daten per JSON an eine PHP datei senden, aber ich möchte keine externe datei angeben, sondern die selbe auf der auch das Formular liegt.
das Formular hat folgenden code:
HTML:
<form method="post" action="<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>">
<input type="hidden" id="doContractNewRequest" name="doContractNewRequest">
<div class="formFooter">
<div class="formFooterSection">
<div class="formFooterFeedback"></div>
</div>
<div class="formFooterSection">
<button type="submit" id="sendButton" style="width: 200px;">
<div id="buttonLoader">anlegen</div>
</button>
</div>
</div>
</form>
wie schaffe ich es, das mein JS die daten an die selbe datei schickt und verarbeite?