使用JS和PHP将文本区域数据发送到文件，并保留换行符

的方法如下：

1. 前端部分（使用JS）：
   • 创建一个文本区域（textarea）元素，并为其设置一个唯一的id属性。
   • 使用JavaScript获取该文本区域的值。
   • 使用AJAX技术将获取到的文本数据发送到后端PHP文件。

示例代码：

<textarea id="myTextarea"></textarea>

<button onclick="sendData()">发送数据</button>

<script>

function sendData() {

 var textareaValue = document.getElementById("myTextarea").value;

 var xhr = new XMLHttpRequest();

 xhr.open("POST", "save_data.php", true);

 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

 xhr.onreadystatechange = function() {

   if (xhr.readyState === 4 && xhr.status === 200) {

     console.log(xhr.responseText);

   }

 };

 xhr.send("data=" + encodeURIComponent(textareaValue));

}

</script>

1. 后端部分（使用PHP）：
   • 创建一个PHP文件（例如save_data.php），用于接收前端发送的数据并将其保存到文件中。
   • 在PHP文件中，使用file_put_contents函数将数据写入文件。
   • 在写入文件时，需要将换行符（\n）转换为适当的格式，以便在文件中保留换行符。

示例代码（save_data.php）：

<?php

$data = $_POST'data';

$formattedData = str_replace("\n", PHP_EOL, $data);

file_put_contents("data.txt", $formattedData);

echo "数据已成功保存到文件中！";

?>

这样，当用户在文本区域中输入数据并点击发送按钮时，前端JS代码将获取文本数据并通过AJAX请求将其发送到后端PHP文件。后端PHP文件将接收到的数据写入到名为data.txt的文件中，并在写入时保留换行符。