最近在工作的时候总结了一套ajax的简易使用方法,通用性极好,给我的工作带来了不少效率上的提高,先贴出来给大家参考:
一,先建一个ajax.js的文件,文件的内容如下:
var http_request = false;
var callback_func;

function sendRequest(url, argstr, func, method) {

? http_request = false;
? callback_func = func;

? if (window.XMLHttpRequest) { // Mozilla, Safari,...
??? http_request = new XMLHttpRequest();
??? if (http_request.overrideMimeType) {
????? http_request.overrideMimeType('text/xml');
??? }
? } else if (window.ActiveXObject) { // IE
??? try {
????? http_request = new ActiveXObject("Msxml2.XMLHTTP");
??? } catch (e) {
????? try {
??????? http_request = new ActiveXObject("Microsoft.XMLHTTP");
????? } catch (e) {}
??? }
? }

? if (!http_request) {
??? alert('Giving up :( Cannot create an XMLHTTP instance');
??? return false;
? }
? http_request.onreadystatechange = alertContents;
?
? if (method == 'GET') {
??? http_request.open('GET', url + '?' + argstr, true);
??? http_request.send(null);
? } else {
??? http_request.open('POST', url, true);
??? http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=GBK");
??? http_request.send(argstr);
? }
}

function alertContents() {

? if (http_request.readyState == 4) {
??? if (http_request.status == 200) {
????? callback_func(http_request.responseText);
??? } else {
????? alert('There was a problem with the request.');
??? }
? }
}

二,在页面使用如下代码将js文件包含进来:
<script language=javascript src="ajax.js"></script>

三,在页面调用sendRequest(...)方法:
如:<a href="javascript:sendRequest('hello.jsp',param,function,'GET')" >调用AJAX</a>
或:<input type="button" value="提交" onclick="sendRequest('getInfo.do',param,function,'POST')" />
注释(以第一个为例):
hello.jsp:? 这个例子采用ajax通过一个链接请求hello.jsp页面,
param:?? 为参数,可以为空,也可以不为空,比如name=value&password=123456,也可以通过把一个表单(form)的字段组合起来作为一个字符串传递
过去,???
?function: 是你自己写的一个函数,用于处理返回的内容,一般的处理是
将返回的内容显示在页面,一个典型的例子:
???function search(str){
?????????alert(str); //用于调试.
????????myId.innerHTML = str;
?? }
GET: 是请求的方法,简单的说,get代表请求一个资源,post代表提交参数并请求资源.


任何疑问,可以联系本人:diego.liu@163.com