自己封装和总结的一个JAX函数

 

在自己开发的一些小项目里，经常不会引用一些现有的库，这里总结几个常用的javascript函数，首先最常用的就是根据ID获取对象：

var $ = function(id) { return document.getElementById(id); }

这样的话，如果需要调用 document.getElementById(id)  的函数就会简写为： $(id)

 

还有一个比较常用的调用AJAX的方法：

 

function doAJAX(serverPage, type, para, completeFunction){var ajaxhttp = false;try { // Firefox, Opera 8.0+, Safariajaxhttp = new XMLHttpRequest();}catch (e) {try { // Internet Explorer >=5.0ajaxhttp = new ActiveXObject("Msxml2.XMLHTTP");}catch (e) {try { // Internet Explorer <5.0ajaxhttp = new ActiveXObject("Microsoft.XMLHTTP");}catch (e) {// Do not support AJAXalert("Your browser does not support AJAX!");}}}var ajaxType = '';var sendValue = null;if(type=='g'){ajaxType = 'GET';serverPage = serverPage+'?'+para;}else if(type=='p'){ajaxType = 'POST';}else {return false;}ajaxhttp.open(ajaxType, serverPage,true);ajaxhttp.onreadystatechange = function() {if (ajaxhttp.readyState == 4 && ajaxhttp.status == 200) {completeFunction(ajaxhttp);}}if(type=='p'){sendValue = para;ajaxhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");}ajaxhttp.send(sendValue);}

这个函数的使用也是很简单，只要传入请求的页面：serverPage，请求的方法：type(g代表GET，p代表POST)，传入的参数：para 和AJAX的回调函数 completeFunction这个回调函数可以直接写匿名函数，也可以写一个函数的名字，然后单独定义这个函数。举个例子： var serverPage = 'ajax_doContact.php'; var para = 'tp=add'; doAJAX(serverPage, 'p', para, function(e){   var res = e.responseText; });

这样只需简单的几行就可以达到调用AJAX的效果，也可以这样调用:
 var serverPage = 'ajax_doContact.php'; var para = 'tp=add'; doAJAX(serverPage, 'p', para, completeFunction);
function completeFunction(e){
         var res = e.responseText;
}