简单的Ajax示例

最新推荐文章于 2025-08-08 15:43:57 发布

coast0824

最新推荐文章于 2025-08-08 15:43:57 发布

阅读量273

点赞数

CC 4.0 BY-SA版权

文章标签： ajax xmlhttprequest function input url 服务器

本文链接：https://blog.youkuaiyun.com/coast0824/article/details/6677661

本文介绍了如何通过Ajax技术实现实时数据输入和服务器端处理，实现数据的即时反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

输入要处理的数据：<input type="text" id="name" onchange="callServer();" />
服务器处理结果：<input type="text" id="result" />

//创建XMLHttpRequest 对象
var xmlHttp = false;

/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
   xmlHttp = false;
  }
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}
function callServer() {
var name = document.getElementById("name").value;
if (name == "") return;
var url = "ajax.php?name=" + name;
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = show;
xmlHttp.send(null);
}
function show() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
document.getElementById("result").value = response;
}
}