Отправка текста с помощью AJax на сервер

Приведу пример кода, который показывает, как используя JQuery, AJax и PHP, можно передать текст на сервер, а потом вернуть любые данные назад на страницу, с которой был отправлен запрос.

Предполагается, что у нас еcть web сервер, на котором установлен PHP, это может быть локальный или удаленный сервер.

Далее создаем HTML страницу со следующем кодом:

<html>
<head lang="ru">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--Здесь выводим ответ веб. сервера -->
<h2 id="test"></h2>
<!--Текстовое поле и кнопка отправки -->
<textarea id="text"></textarea> <br/>
<input onclick="zapros();" type="button" value="Отправка" />
<script>
function zapros(){
$.ajax({  
type: "POST",  
url: "http://site.ru/test.php",  <!--путь файла обработчика  -->
data: "text="+$("textarea#text").val(),  <!--textarea   -->
success: function(html){  
$("#test").html(html); <!--возвращаем ответ сервера  -->  
}  
});  
}
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js'></script>
</body>
</html>

<html>

</head>

<body>

function zapros(){

$.ajax({

type: "POST",

url: "http://site.ru/test.php",

data: "text="+$("textarea#text").val(),

success: function(html){

$("#test").html(html);

}

});

}

</script>

</body>

</html>

Код файла test.php

<?php   
$n=$_REQUEST['text'];
echo $n;
?>

<?php

$n=$_REQUEST['text'];

echo $n;

Примечание:

В коде data: “text=”+$(“textarea#text”).val(), text – это переменная, которая передается в запросе к серверу, который в свою очередь, принимает и обрабатывает.

Дополнение:

Если вы совершаете запрос на другой домен, то тогда, в целях безопасности, ваш браузер будет блокировать ответ. Один из вариантов решения этого вопроса, это в файле php, который обрабатывает ваш запрос, добавить строку, которая позволяет возвращать ответ на любой ресурс, с которого пришел запрос :

<?php
header('Access-Control-Allow-Origin: *');
?>

<?php

header('Access-Control-Allow-Origin: *');

Можно ограничить ресурс, которому будет возвращен ответ:

<?php
header('Access-Control-Allow-Origin: https://ddr64.link');
?>

<?php

header('Access-Control-Allow-Origin: https://ddr64.link');