ajax通用代码,通用代码之一: 轻松使用Ajax

最近在工作的时候总结了一套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文件包含进来:

三,在页面调用sendRequest(...)方法:

如:调用AJAX

或:

注释(以第一个为例):

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