Aktualisieren ein div mit ajax response

Also ich habe ein Feld "Anmerkungen" mit einem Formular (Textfeld und submit). Diese wird validiert und dann an die php-Seite via ajax.

Wenn alles okay, wird die Antwort gesetzt und die Seite weiterhin.

Ich möchte aber das div selbst aktualisieren, so dass Sie sehen können, den neuen Kommentar.

Ich nicht wollen, etwas kompliziertes wie das Anhängen etc einfach die reload-div (Daten stammt aus der Datenbank).

Habe ich dieses in der Vergangenheit, aber es funktioniert nicht:

 $('#divid').load('page.php #divid'),

irgendeine Idee, wie ich die konvertieren kann dieses:

        if (check == true) {
        $.ajax({
        type: "POST",
        url: "process/addcomment.php",
        data: $targetForm.serialize(),
        dataType: "json",
        success: function(response){

    if (response.databaseSuccess)
       $comment.after('<div class="error">Comment Added</div>');
    else
       $ckEditor.after('<div class="error">Something went wrong!</div>');

}
        });
    }
    return false;
});

});

Zum aktualisieren des div-einmal den Erfolg bekommt reagiert?

wenn ich versuche, fügen Sie eine weitere $zurück zu meiner php-e.g

} catch (Exception $e) {
$return['databaseException'] = $e->getMessage();
}

$return['databaseSuccess'] = $dbSuccess;
$return['responseHtml'] = 'Post Updated';

echo json_encode($return);

javascript funktioniert nicht und ich bekomme nur die php-Seite geladen werden, mit den Renditen gedruckt..

Dank.

InformationsquelleAutor craig | 2013-09-13

2

Wenn Sie
```
$("#divid").html( "Comment Added" )
```
wird Sie den html innerhalb dieser div.

InformationsquelleAutor BostonJohn
2

Ich denke, Sie sind Sinne, dies zu tun
```
$('#divid').load('page.php');
```
Kasse die jQuery.laden Dokumentation

InformationsquelleAutor Justin Wood
0

Zuerst müssen Sie einige PHP-code auf der Server-Seite erzeugt HTML-Code für die div. Dann nutzen Sie dieses JavaScript
```
if (check == true) {
  $.ajax({
    type: ...,
    url: ...,
    data: ...,
    dataType: "html"
  })
    .done(function(responseHtml) {
      $("#yourDiv").html(responseHtml);
    });
}
```
- wenn ich versuche zu aktualisieren meine php auf das Ende: } catch (Exception $e) { $return['databaseException'] = $e->getMessage(); } $return['databaseSuccess'] = $dbSuccess; $return['responseHtml'] = 'Post Aktualisiert'; echo für json_encode($return); das javascript funktioniert nicht und ich bekomme nur die php-Seite mit return-Anweisungen gedruckt...
- Bei deiner Frage dachte ich, Sie wollten 1) senden Sie die Daten in das Formular 2) aktualisieren Sie die div. Um dies zu tun, müssen Sie zurückkehren, die den HTML-Inhalt für das div-als Antwort auf Ihre ajax-request. Beachten Sie, dass wenn Sie zurückkehren, werden Ihre Daten codiert als JSON anstatt der HTML, die Sie verwenden müssen, dataType: "html" und responseHtml in dem Beispiel wird ein JSON-Objekt.
- Eine andere Lösung wäre ein anderer beginnt ajax-request, zum Beispiel .done(function(response) { if (response.Erfolg) /* Starten, hier noch ein ajax-call auf Anfrage HTML-Inhalt */ });
InformationsquelleAutor Flavio
0

Ich nehme an, Sie sind der Verarbeitung der Kommentar auf dem server, nachdem Sie eingereicht wurde (Validierung/Sanitär/etc.). HIERFÜR würde ich Gegenzug die verarbeiteten Kommentar als Teil der Antwort und fügen Sie ihn in den HTML:
```
$.ajax({
    type: "POST",
    url: "process/addcomment.php",
    data: $targetForm.serialize(),
    dataType: "json",
    success: function(response){
        if (response.databaseSuccess) {
            //if you have a designated empty div already, you can use .html()
            $("#divid").html('<div class="success">'+response.commentText+'</div>');
            //if you want to append it to an already existing list of comments, you can use .append()
            $("#divid").append('<div class="success">'+response.commentText+'</div>');
        }
        else {
            $ckEditor.after('<div class="error">Something went wrong!</div>');
        }
    }
});
```
Natürlich, dies erfordert, dass Sie hinzufügen response.commentText auf Ihre zurückgegebenen JSON-Objekt.
- für das hinzufügen der Antwort.Kommentar zu mein zurückgegebenen JSON-Objekt bin ich Recht in der Annahme das sollte ich hinzufügen-e.g: "$return['commentText'] = 'test-Kommentar';"
- richtig... allerdings habe ich gerade bemerkt, das PHP-code auf der Unterseite, so könnte man wiederverwerten, die responseHtml Eigentum (es sei denn, Sie müssen, dass für etwas anderes).
- Ich benutze das Beispiel gab ich im Kommentar oben, aber ohne Erfolg. Keine änderung des div und auch bei e.g $(.commentsbox).html(commentText); es wird nicht alles tun, aber der Kommentar ist Hinzugefügt...
- Naja... schwer zu sagen, was Los ist... aber hier sind ein paar Fragen: 1) gibt es ein element mit der Klasse "commentsbox"? Vielleicht ist es eine id statt einer Klasse? 2) bist du vergeben commentText zu response.commentText? Denn ohne die response Teil, funktioniert es nicht. 3) Haben Sie überprüft, wenn response.commentText ich eigentlich definiert, in das JSON?
InformationsquelleAutor Steve

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.