2016-09-11 5 views
0

Ich versuche, ein Textfeld auf meiner Webseite zu aktualisieren, wenn ein Formular übergeben wird, ohne die gesamte Seite zu aktualisieren. Ich habe versucht, mit AJAX wie folgt aus:AJAX: Textfeld auf Seite aktualisieren ohne neu zu laden

$("#db_info").load(document.location.href + ' #db_info'); 

aber wenn ich das Formular abgesendet hat, anstatt nur den Text in dem Textfeld zu aktualisieren, erstellt es einen neuen verschachtelten Textbereich innerhalb von ihm, und so dass es leer erscheinen . Wie kann ich das Textfeld aktualisieren, ohne die Seite komplett neu zu laden?

Edit: Ich habe es endlich herausgefunden. Was ich verwendete:

$.get("", function(data){ 
    document.getElementById("db_info").innerHTML = $(data).find('#db_info').html(); 
}); 
+0

Dieses jQuery Form Plugin helfen könnten: http : //malsup.com/jquery/form/ –

Antwort

2

Ich habe Ihre Frage nicht wirklich verstehen, aber wenn Sie den Wert eines textarea ändern möchten Sie das tun sollten:

$("textarea#textareaid").val(value); 
+0

AJAX hat eine '.load' Funktion. Es ändert den Wert von etwas in der Seite von der ID, ohne die ganze Seite zu aktualisieren. '$ (" # db_info "). load' wird den Wert der Textfläche mit der ID' db_info' ändern. Der zweite Teil: '(document.location.href + '#db_info')' wird in den Textbereich eingefügt. Es nimmt eine Webseite als Argument, aber es kann auf einen Teil der Webseite nach ID beschränkt werden. Wenn ich versuche, es zu benutzen, fügt es eine Textstelle in die ursprüngliche ein, macht sie verschachtelt und es erscheint nichts darin. – connorb08

+0

Das hat mir sehr geholfen, wegen der unbekannten Fehlerkonstruktion wie $ ("# textareaid"). Val (value); war nicht erfrischend (ignoriere text() oder val()) benutze $ ("textarea # textareeid"). val (value); –

Verwandte Themen