Ich füge mehrere Zeilen zu table.now alle Zeilen werden in der Datenbank mithilfe von Ajax-Aufruf in jquery speichern.Speichern von Tabellendaten mit Ajax jquery
HTML:
<table id="example" class="display" width="100%" cellspacing="0">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Message</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<form id="localStorageTest" method="post" action="">
<label>Name:</label>
<input type="text" name="name" id="name" class="stored" value="" />
<label>Email:</label>
<input type="email" name="email" id="email" class="stored" value="" />
<label>Message:</label>
<textarea name="message" id="message" class="stored"></textarea>
<button type="button" class="btn btn-success savebtn" style="padding: 6px 12px;" id="savebutton"><i class="icon-check-sign" aria-hidden="false"></i> Save </button>
</form>
JQuery-Code:
$("button#savebutton").click(function(){
var name=$("#name").val();
var email=$("#email").val();
var message=$("#message").val();
var new_row = "<tr><td>" + name + "</td><td>" + email + "</td><td>" + message + "</td></tr>";
$("table tbody").append(new_row);
return false;
$.ajax({
type : 'POST',
data : formData,
cache : false,
processData : false,
contentType : false,
beforeSend: beforeSendHandler,
url : url,
success:function(result)
if (result.success==true) {
$('.alert-success').show();
$('.alert-danger').hide();
$("#successmsg").html(result.msg);
setTimeout(function() {
$(".alert-success").alert('close');
}, 10000);
} else{
$('.alert-danger').show();
$('.alert-success').hide();
$("#error").html(result.msg);
setTimeout(function() {
$(".alert-danger").alert('close');
}, 10000);
}
}
});
});
Wie alle Zeilen speichern. Ich versuche Ajax Anruf, aber ich weiß nicht, Daten in URL übergeben.
Ist es richtig oder nicht?
In welchem Format werden Sie es zu speichern? Kannst du eine Grundstruktur posten? –
@Dan Philip: Bitte schauen Sie sich meine aktualisierte Frage an. – user7646838
Sie rufen AJAX in jeder Zeile append an. Warum teilen Sie es nicht auf, eine Schaltfläche zum Hinzufügen der Zeilen zur Tabelle und eine weitere Schaltfläche, um es schließlich als ein vollständiges JSON-Objekt zu übergeben. Es würde viel Netzwerk-Overhead sparen. –