以下是一个使用Ajax返回文本而不是HTML的示例代码:
HTML部分:
JavaScript部分:
function getText() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("GET", "text.txt", true); // 这里的"text.txt"是要获取的文本文件的URL
xhttp.send();
}
上述代码中,当用户点击按钮时,会触发getText()
函数。该函数创建了一个XMLHttpRequest对象,然后使用open()
方法指定要获取文本的URL。接着,通过onreadystatechange
事件监听器来检测请求的状态和响应的状态码。当请求状态为4(请求已完成)且状态码为200(请求成功)时,将获取到的文本内容通过responseText
属性赋值给result
元素的innerHTML
,从而在页面上显示文本内容。
请注意,这里使用的是GET请求,如果你需要使用POST请求或其他特定配置,请适当修改代码。另外,你需要确保文本文件的URL正确并且可以被访问到。