send data through ajax use value as paragraph php - php

Question

I'm really inexperienced when it comes to PHP, and I've been trying to write my own kind of "adminpage", a really simple one. The problem is when I'm passing a value with ajax from the adminpage to the index page, the value is not appearing in the paragraph.
html adminpage.php (page which ajax request is sent from):
<div class="col-lg-6">
<textarea class="form-control textarea" rows="5" placeholder="Tak text 1"></textarea>
<button class="btn btn-primary text-change1">Submit</button>
<textarea class="form-control textarea" rows="5" placeholder="Tak text 2"></textarea>
<button class="btn btn-primary text-change2">Submit</button>
</div>
index.php, page which is receiving the request
<?php
$text = $_POST['text'];
?>
<div class="desc-text">
<p class="roof">
<?= $text ?>
</p>
</div>
Ajax:
$(".text-change1").click(function(){
if($(this).attr("class").indexOf("text-change1") != -1){
$.ajax({
type:"POST",
url:"index.php",
data:{ text:text },
success:function(){
alert("message sent!");
}, error:function(){
alert("Something went wrong");
}
});
});
The goal here is to add the data sent through ajax into the mentioned paragraphs html.

Answer 1

This:
success:function(){
you never capture the output/return value of the the PHP script, and therefore don't insert anything into your page. You need something more like this:
success: function(response) {
$('#place_to_insert_response').html(response);
}

Answer 2

I sent the text to a textfile with ajax then I read the text file after $(document).ready to update the paragraph from the admin page.