var xmlhttp;
为了应对所有的现代浏览器,包括 IE5 和 IE6,请检查浏览器是否支持 XMLHttpRequest 对象。如果支持,则创建 XMLHttpRequest 对象。如果不支持,则创建 ActiveXObject :
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:
属性 描述
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
xmlhttp.readyState==4 && xmlhttp.status==200
&& 表示并且的意思
status
200: “OK”
404: 未找到页面
responseText
你向ajax后台的程序发送xmlhttp请求的时候, 后台程序接到请求会进行处理,处理结束后,可以返回一串数据给前台,这个就是responseText.
一般在后台程序C#中是Response.Write(“字符串”) php中使用的是echo…就是一个输出字符串而已.
form action=""
这里的action,就相当于超链接中的href表示要链接的地址一样,action属性规定了提交表单信息时,向何处发送表单数据,即是处理表单数据的目标地址。如果什么都不写的话,就表示默认为当前页
οnkeyup=“showHint(this.value)”
onkeyup 事件会在键盘按键被松开时发生。
showHint() 函数实现的功能是:当用户在输入框中键入字符时,网页如何与 web 服务器进行通信
<form action="">
姓氏:<input type="text" id="txt1" onkeyup="showHint(this.value)" />
当输入值的键盘抬起时触发这个事件。this.value表示此输入框的值
如果输入框不为空,showHint() 函数执行以下任务:
创建 XMLHttpRequest 对象
当服务器响应就绪时执行函数
把请求发送到服务器上的文件
请注意我们向 URL 添加了一个参数 q(带有输入框的内容)