标准XMLHttpRequest操作
abort()
停止当前请求
getAllResponseHeaders()
把HTTP请求的所有响应首部作为键/值对返回
getResponseHeader("header")
返回指定首部的串值
void open(string method, string url, boolean asynch)
建立对服务器的调用。method参数可以是GET、POST或PUT。url参数可以是相对URL或绝对URL。这个方法还包括3个可选的参数
send(content)
向服务器发送请求,参数可以是DOM对象的实例、输入流，或者串
setRequestHeader("header", "value")
把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()
标准XMLHttpRequest属性
属 性
描 述
onreadystatechange
每个状态改变时都会触发这个事件处理器，通常会调用一个JavaScript函数
readyState
请求的状态。有5个可取值：0 = 未初始化，1 = 正在加载，2 = 已加载，3 = 交互中，4 = 完成
responseText
服务器的响应，表示为一个串
responseXML
服务器的响应，表示为XML。这� ......
1.记住下面三句话：
<1>异步应用程序是用JavaScriptt对象作出请求，而不是提交表单
<2>请求与响应是由Web浏览器处理，而不是直接由JavaScript代码处理
<3>一旦Web浏览器得到异步请求的响应，它会以服务器的响应“回头调用”JavaScript代码（这句话没有看懂）
2. ......
var file = filefromPath(encodeURI(encodeURI(this._input.value)));//黄羽修改 2010年4月8日 //修改后
不好意思那天没有在IE测试
应该改为:
var file = encodeURI(encodeURI(filefromPath(this._input.value)));//黄羽修改 2010年4月9日
理由:filefromPath函数是用来过滤路径，只取文件名，所以应先取路径，后加转码
经验:在我使用有些ajax框架时，关于中文乱码问题解决，我们可以去修改ajax框架源码,在找到获取页面数值的地方加上encodeURI(encodeURI())转码(如果框架有过滤，应考虑加的地方，先过滤，后转码)。在服务器端我们要考虑转后的数值要解码URLDecoder.decode()可能又时要解多次。原因是，我们修改框架源码时，可能里面多次用encod ......
用AJAX实现google输入自动完成的简单模拟
2009-03-02 13:00
比较简单的模拟,文本框输入CompanyName,然后
搜索SqlServer2000 里NorthWind数据库 Suppliers表的CompanyName字段,
然后实现自动完成
四个文件
1 .AutoComplete.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>输入自动完成</title>
<script language="javascript">
//输入信息的文本框
var txtInput;
//下拉表当前选中项的索引
var currentIndex = -1;
//初始化参数,和下拉表位置
function initPa ......
本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果；充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。
1.JavaScript 用来控制页面内容的现实与增删效果；
2.JSP作为后台，对文本进行读取、写入、更新等操作；
3.文本格式是用来存储数据的，数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过，同时兼容Firefox 1.0,Opera 8.0,IE6。
本例子的优点：
1.实时创建html对象，所见即所得的页面增删操作。显示速度加快，增加用户体验。
2.XML http传递数据是只是一个id或一个表单值,节省带宽。
3.本例子适合采用XML http方式,所以这个效果实用性强，可是JS/JSP代码都很简单。
4.有很多东西可以在其他项目中共用,并且解决了操作文本关于中文字符编码的问题。 (本例子在中文操作系统运行，所以选择了GBK编码，如果OS是英文的则需要另外处理，比如改编码为UTF-8，或者根据需要另外转换编码。)
5.有拖拽以及展开关闭的效果，用cookie记录了位置以及打开关闭状态，可以在某个项目里用。
6.有丰富的注释,适合初学者 ......
本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果；充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。
1.JavaScript 用来控制页面内容的现实与增删效果；
2.JSP作为后台，对文本进行读取、写入、更新等操作；
3.文本格式是用来存储数据的，数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过，同时兼容Firefox 1.0,Opera 8.0,IE6。
本例子的优点：
1.实时创建html对象，所见即所得的页面增删操作。显示速度加快，增加用户体验。
2.XML http传递数据是只是一个id或一个表单值,节省带宽。
3.本例子适合采用XML http方式,所以这个效果实用性强，可是JS/JSP代码都很简单。
4.有很多东西可以在其他项目中共用,并且解决了操作文本关于中文字符编码的问题。 (本例子在中文操作系统运行，所以选择了GBK编码，如果OS是英文的则需要另外处理，比如改编码为UTF-8，或者根据需要另外转换编码。)
5.有拖拽以及展开关闭的效果，用cookie记录了位置以及打开关闭状态，可以在某个项目里用。
6.有丰富的注释,适合初学者 ......
Js代码
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
{
obj.open('get',url,true);
obj.send(null);
}
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
{
obj.open('get',url,true);
obj.send(null);
}
ASP.NET的ESCAPE函数：
C#代码
private string escape(string s)
{ ......
Js代码
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
{
obj.open('get',url,true);
obj.send(null);
}
var url=Service.aspx?Value=' + escape(va);
obj=CreateAJAX();
if(obj)
{
obj.open('get',url,true);
obj.send(null);
}
ASP.NET的ESCAPE函数：
C#代码
private string escape(string s)
{ ......
最新文章 : ajax