在AJAX请求中,数据是以异步的方式发送到服务器并获取响应结果。文本框数据是通过用户输入或其他操作获取的。这两种数据可以同时存储,只需要在代码中进行合适的处理。
下面是一个示例解决方法:
HTML代码:
JavaScript代码:
function sendData() {
var inputText = document.getElementById("myInput").value; // 获取文本框数据
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var responseText = this.responseText; // 获取AJAX响应结果
console.log("文本框数据:" + inputText);
console.log("AJAX响应结果:" + responseText);
}
};
xhttp.open("GET", "example.com/ajax-request?data=" + inputText, true);
xhttp.send();
}
在上面的代码中,我们定义了一个sendData()
函数,当按钮被点击时调用该函数。函数内部首先获取文本框数据,然后使用AJAX发送请求到服务器。在AJAX的回调函数中,我们可以获取到AJAX的响应结果。最后,我们可以通过控制台输出文本框数据和AJAX响应结果。
这样,无论是文本框数据还是AJAX数据都可以同时存储和处理。
上一篇:Ajax数据和fetch API的请求主体之间有何区别?
下一篇:AJAX数据库