將textarea的內容保存到文件並從PHP服務器頁面加載

Question

如何將HTML頁面的textarea內容保存到文件中，並使用ajax（無JQuery）將其加載到PHP服務器頁面中？ HTML頁面將如下所示：

<html>
<body>
     <textarea id="editor"></textarea> 
</body>
</html>

Answer 1

1.這將為您提供應用程序的結構，請注意，此代碼尚未經過測試。

Server.php

<html>
<script>
var baseUrl="service.php";
function submitFormAjax()
{
    var xmlhttp= window.XMLHttpRequest ?
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
            alert(xmlhttp.responseText); // Here is the response
    }

    var data = document.getElementById('editor').value;

    xmlhttp.open("POST",baseUrl,true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("action=write&data=" + data);
}
function readDataAjax()
{
    var xmlhttp= window.XMLHttpRequest ?
        new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
            document.getElementById('editor').value=xmlhttp.responseText;
    }

    xmlhttp.open("POST",baseUrl,true);
    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    xmlhttp.send("action=read");
}
</script>
<body onload="readDataAjax()">
<form method="post">
     <textarea id="editor" name="editor"></textarea> 
     <button onClick="submitFormAjax();return false;">Submit</button>
     </form>
</body>
</html>
<?php 
$fileName="newfile.txt";
if(isset($_POST['action']))
{
    switch($_POST['action'])
    {
    case 'read';
        echo file_get_contents($fileName);
    break;

    case 'write';
        if( isset($_POST['data']))
        {
            $myfile = fopen($fileName, "w") or die("Unable to open file!");
            $txt = $_POST['data'];
            fwrite($myfile, $txt);
            fclose($myfile);
            echo "file successfully saved";
        }
    break;
    }

}

?>

?>

將textarea的內容保存到文件並從PHP服務器頁面加載

問題描述

1 個解決方案

解決方案1
1 已采納 2014-12-12 10:05:29

將textarea的內容保存到文件並從PHP服務器頁面加載

問題描述

1 個解決方案

解決方案1 1 已采納 2014-12-12 10:05:29

解決方案1
1 已采納 2014-12-12 10:05:29