javascript - 在 Ajax 中将输入发送到文件

标签 javascript html ajax testing cross-browser

我想将代码放在文本区域中,如下所示,并将其发送到文件中,但我不知道 Ajax,我理解它,但不会写。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Testing</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="main.js"></script>
</head>
<body>
    <textarea id="html"></textarea>
    <textarea id="js"></textarea>
    <textarea id="css"></textarea><br>
    <input type="button" value="Run" id="run">
    <iframe src="example.html" frameborder="0"></iframe>
    <button onclick="loadDoc()">Try The Ajax</button>
</body>
</html>

main.js的内容是:

function loadDoc() {
    var fred = document.getElementById("js");
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("html").innerHTML =
                this.responseText;
        }
    };
    xhttp.open("GET", "example.html", true);
    xhttp.send();
}

它加载但不会发送。我试过 xhttp.send(fred, "example.html",true) 但它没有用。有点像codepenjsfiddle

最佳答案

Ajax 是在不离开页面的情况下从 JavaScript 发出 HTTP 请求的行为。

它不能写入文件。

您可以向 URL 发出 HTTP 请求,该 URL 由服务器端代码处理,服务器端代码使用请求中的信息写入文件(尽管写入数据库更为常见)。

选择一种您喜欢的编程语言并查找使用它进行服务器端编程的介绍性教程。

关于javascript - 在 Ajax 中将输入发送到文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53287642/

相关文章:

javascript - 我们如何以这种方式为导航栏设置动画?

javascript - 在 JavaScript 中启用/禁用导航项的最佳方式?

html - 使用文本溢出 : ellipses in an HTML table

javascript - 如何根据类别保留日期格式?

php - 在 Javascript 中解析一个单独的 PHP 数组

javascript - 使用 href 自定义选项卡 View 的代码

javascript - 异步发布和订阅消息在 pubnub 中不起作用

javascript - 如何更改文本区域选定文本的颜色?

javascript - 给定元素的确切 html 在 DOM 中查找元素

javascript - XMLHttpRequest() 无限循环