Ajax与浏览器通信，获取数据库信息，检索数据实例

最新推荐文章于 2021-05-25 13:58:04 发布

builder2991

最新推荐文章于 2021-05-25 13:58:04 发布

阅读量299

点赞数 4

分类专栏： ajax 文章标签： Ajax 浏览器通信获取数据库信息检索数据

本文链接：https://blog.csdn.net/low666/article/details/92196698

版权

本文探讨了如何使用Ajax实现实时与Web服务器通信，特别是在用户输入时更新信息。通过Ajax，可以从数据库中检索数据，并展示在HTML表格中。此外，还介绍了利用XMLHttpRequest从XML和TXT文件中获取并显示数据的方法，以及使用callback函数处理异步请求的示例。

摘要由CSDN通过智能技术生成

1.用Ajax从ASP返回数据，当用户在文本框内键入字符时网页如何与Web服务器进行通信

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function showHint(str)
{
   
  var xmlhttp;
  if (str.length==0)
  {
    
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
   
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
   
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
   
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
   
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>

<h3>操作提示：在输入框中尝试输入字母</h3>
<form action=""> 
<input type="text" id="txt1" onkeyup="showHint(this.value)" />
</form>

最低0.47元/天解锁文章

builder2991

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Ajax与浏览器通信，获取数据库信息，检索数据实例

1.用Ajax从ASP返回数据，当用户在文本框内键入字符时网页如何与Web服务器进行通信<!DOCTYPE html><html><head><meta charset="utf-8"><script>function showHint(str){ var xmlhttp; if (str.length==0) ...
复制链接

扫一扫

专栏目录