Я хочу поместить код в текстовое поле, как показано ниже, и отправить его в файл, и я не знаю 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