AJAX 数据库实例

AJAX 用于创建动态性更强的应用程序。

AJAX ASP 实例

下面的例子将演示当用户在输入框中键入字符时，网页如何与服务器进行通信：

实例

请在下面的输入框中键入字母（A - Z）：

姓名：

建议：

亲自试一下源代码

实例解释 - HTML 页面

当用户在上面的输入框中键入字符时，会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发：

<!DOCTYPE html>
<html>
<head>
<script>
function showHint(str)
{
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","gethint.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head
<body><p><b>请在输入框中输入英文字符：</b></p>
<form>
First name: <input type="text" οnkeyup="showHint(this.value)" size="20">
</form>
<p>Suggestions: <span id="txtHint"></span></p></body>
</html>

源代码解释：

如果输入框是空的（str.length==0），该函数会清空占位符 txtHint 的内容，并推出该函数。

如果输入框不是空的，那么 showHint() 会执行以下步骤：

创建 XMLHttpRequest 对象
创建在服务器响应就绪时执行的函数
向服务器上的文件发送请求
请注意添加到 URL 末端的参数（q）（包含输入框的内容）

ASP 文件

上面这段 JavaScript 调用的服务器页面是名为 "gethint.asp" 的 ASP 文件。

"gethint.asp" 中的源代码会检查姓名数组，然后向浏览器返回对应的姓名：

<%
response.expires=-1
dim a(30)
'Fill up array with names
a(1)="Anna"
a(2)="Brittany"
a(3)="Cinderella"
a(4)="Diana"
a(5)="Eva"
a(6)="Fiona"
a(7)="Gunda"
a(8)="Hege"
a(9)="Inga"
a(10)="Johanna"
a(11)="Kitty"
a(12)="Linda"
a(13)="Nina"
a(14)="Ophelia"
a(15)="Petunia"
a(16)="Amanda"
a(17)="Raquel"
a(18)="Cindy"
a(19)="Doris"
a(20)="Eve"
a(21)="Evita"
a(22)="Sunniva"
a(23)="Tove"
a(24)="Unni"
a(25)="Violet"
a(26)="Liza"
a(27)="Elizabeth"
a(28)="Ellen"
a(29)="Wenche"
a(30)="Vicky"'从 URL 获得参数 q
q=ucase(request.querystring("q"))'如果长度 q>0，则从数组中查找所有提示
if len(q)>0 thenhint=""for i=1 to 30if q=ucase(mid(a(i),1,len(q))) thenif hint="" thenhint=a(i)elsehint=hint & " , " & a(i)end ifend ifnext
end if'如果未找到提示，则输出 "no suggestion"
'or output the correct values
if hint="" thenresponse.write("no suggestion")
elseresponse.write(hint)
end if
%>

源代码解释：

如果 JavaScript 发送了任何文本（即 strlen($q) 大于 0），则会发生：

查找匹配来自 JavaScript 的字符的姓名
如果未找到匹配，则将响应字符串设置为 "no suggestion"
如果找到一个或多个匹配姓名，则用所有姓名设置响应字符串
把响应发送到占位符 "txtHint"

http://www.w3school.com.cn/asp/asp_ajax_asp.asp

转载于:https://www.cnblogs.com/seasonzone/p/4995271.html

AJAX 数据库实例相关推荐

ajax的数据库,AJAX 数据库
AJAX 数据库实例 AJAX 可用来与数据库进行动态通信. AJAX 数据库实例下面的例子将演示网页如何通过 AJAX 从数据库读取信息: 请在下面的下拉列表中选择一个客户: 实例 functio ...
w3cschool oracle,AJAX 数据库 | w3cschool菜鸟教程
AJAX Database 实例 AJAX 可用来与数据库进行动态通信. AJAX 数据库实例下面的例子将演示网页如何通过 AJAX 从数据库读取信息: 请在下面的下拉列表中选择一个客户: Exam ...
AJAX（二）ResponseText、onreadystatechange 事件、readyState、status、ASP和PHP、数据库实例、XML实例
AJAX(二)ResponseText.onreadystatechange 事件.readyState.status.ASP和PHP.数据库实例.XML实例文章目录 AJAX(二)Response ...
js中的json ajax,js结合json实现ajax简单实例
这篇文章主要为大家详细介绍了js结合json实现ajax简单实例的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前期准备 1.安装wampserver或者其他相似软件来搭建本地集成安装环 ...
数据库名、数据库实例、全局数据库名、服务名、SID等的区别
[转载] http://www.cnblogs.com/rootq/articles/1235647.html 数据库名.实例名.数据库域名.全局数据库名.服务名 , 这是几个令很多初学者容易混淆的概 ...
PostgreSQL中的数据库实例、模式、用户（角色）、表空间
2019独角兽企业重金招聘Python工程师标准>>> 本文参考:http://blog.csdn.net/kanon_lgt/article/details/5931522 htt ...
jdbc mysql 实例名_JDBC连接自定义sqlserver数据库实例名（多个实例）
java语言中,通过jdbc访问sqlserver2005(2008)数据库默认实例可以按常用的写法来写url连接.代码如下: Connection cn = DriverManager.getCon ...
2. Oracle 数据库实例启动关闭过程
转载自: http://blog.csdn.net/leshami/article/details/5542983 Oracle数据库实例的启动,严格来说应该是实例的启动,数据库仅仅是在实例启动后进行 ...
数据库实例: STOREBOOK 表空间编辑表空间: TEMP
ylbtech-Oracle:数据库实例: STOREBOOK > 表空间 > 编辑表空间: TEMP 表空间 > 编辑表空间: TEMP 1. 一般信息返回顶部 1 ...
PostgreSQL — 数据库实例只读锁定
目录文章目录目录 PostgreSQL 数据库实例只读锁定硬锁定硬解锁软锁定软解锁 PostgreSQL 数据库实例只读锁定在一些场景中,可能要将数据库设置为只读模式.例如:需要对数据库 ...

AJAX 数据库实例

AJAX ASP 实例

实例

实例解释 - HTML 页面

源代码解释：

ASP 文件

源代码解释：

AJAX 数据库实例相关推荐

最新文章

热门文章