Обновить div с ответом ajax

Question

Итак, у меня есть поле для комментариев с формой (текстовое поле и отправьте). Это проверяется, а затем отправляется на php-страницу через ajax.

Если все в порядке, ответ устанавливается и страница продолжается.

Я хочу, чтобы div обновился, чтобы вы могли видеть новый комментарий.

Я не хочу ничего сложного, как добавление и т. Д., Просто для перезагрузки div (данные извлекаются из базы данных).

Я использовал это в прошлом, но он не работает:

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

любая идея, как я могу преобразовать это:

 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; 
}); 

});

Чтобы обновить div после успешного ответа?

если я пытаюсь добавить еще $ вернуться к моим PHP например

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

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

echo json_encode($return); 

в яваскрипте не работает, и я просто получить нагрузку PHP страницы с возвращениями напечатанных ..

Спасибо.

Answer 1

Если вы

$("#divid").html("Comment Added") 

он установит HTML внутри этого дел.

Answer 2

Я думаю, что вы смысл сделать этот

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

чекаут JQuery .load документации

Answer 3

Прежде всего, необходимо немного PHP-код на стороне сервера, который генерирует HTML для дел. Затем используйте этот JavaScript

if (check == true) { 
    $.ajax({ 
    type: ..., 
    url: ..., 
    data: ..., 
    dataType: "html" 
    }) 
    .done(function(responseHtml) { 
     $("#yourDiv").html(responseHtml); 
    }); 
} 

Answer 4

Я предполагаю, что вы обрабатываете свой комментарий на сервере после того, как он был представлен (проверка/санитария/др.). Therefor Я хотел бы вернуться обработанным комментарий как часть ответа, а затем вставьте его в 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>'); 
     } 
    } 
}); 

Конечно, это потребует от вас, чтобы добавить к вашему response.commentText возвращенному объекту JSON.