使用JavaScript来远程获取一个网站textarea的内容需要完整版代码
以下是使用JavaScript来远程获取一个网站textarea的内容的完整代码:
HTML部分:
<textarea id="myTextarea">这里是textarea的默认内容</textarea>
<button onclick="getTextareaContent()">获取textarea的内容</button>
JavaScript部分:
function getTextareaContent() {
var textareaContent = document.getElementById("myTextarea").value;
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(this.responseText);
}
};
xhr.open("POST", "http://example.com/submit", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("content=" + textareaContent);
}
解释说明:
-
HTML部分中包含一个textarea元素和一个按钮,按钮的点击事件绑定了一个JavaScript函数getTextareaContent()。
-
JavaScript函数getTextareaContent()中首先通过document.getElementById()方法获取textarea元素的内容,并存储在变量textareaContent中。
-
接下来创建了一个XMLHttpRequest对象xhr,并设置了其onreadystatechange属性,当readyState为4且状态码为200时执行回调函数,即输出服务器返回的响应内容。
-
使用xhr.open()方法打开一个POST请求,请求的URL为http://example.com/submit,第三个参数为true表示异步请求。
-
使用xhr.setRequestHeader()方法设置请求头,Content-type为application/x-www-form-urlencoded。
-
使用xhr.send()方法发送POST请求,请求体为"content=" + textareaContent,其中content为服务器接收的参数名,等号后面为textarea的内容。
原文地址: https://www.cveoy.top/t/topic/9cq 著作权归作者所有。请勿转载和采集!