时间戳

首页 > 解决方案 > 将输入发送到 Ajax 中的文件

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

问题描述

我想将代码放在下面的 textarea 中并将其发送到文件中，但我不知道 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)了，但没有用。所以有点像codepen或jsfiddle

标签： javascripthtmlajaxtestingcross-browser

解决方案

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

它无法写入文件。

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

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

推荐阅读