很久之前写的一个小型AJAX的js，放在上面以免以后想玩了找不到了。
// version : 0.1 beta // author : __Ajax function __Ajax(url,options){ var xhr = window.ActiveXObject && new window.ActiveXObject('Microsoft.XMLHTTP') || new XMLHttpRequest(); // 默认设置 options.method = options.method || 'GET'; options.onSuccess = options.onSuccess || function () { }; options.onFailure = options.onFailure || function () { }; options.onComplete = options.onComplete || function () { }; // 状态改变 xhr.onreadystatechange = function () { if (xhr.readyState != 4) return; xhr.status == 200 ? options.onSuccess(xhr.responseText, xhr.responseXML) : options.onFailure(xhr); options.onComplete(); } xhr.open(options.method, url); /* beta 代码，备用 // 解决未设置method的值为默认GET // options.method = options.method || 'GET' */ options.method.toUpperCase() == 'POST' && xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); xhr.send(options.data); return xhr; }
使用起来很方便，大家可以拿来玩玩。呵呵。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="__Ajax.js"></script> <script type="text/javascript"> window.onload = function () { __Ajax('index.php', { method: 'post', data: 'name=aaaa', onSuccess: function (data) { alert(data); }, onFailure: function (xhr) { alert('error'); } }); } </script> </head> <body> </body> </html>
压缩版
function __Ajax(b,a){var c=window.ActiveXObject&&new window.ActiveXObject("Microsoft.XMLHTTP")||new XMLHttpRequest();a.method=a.method||"GET";a.onSuccess=a.onSuccess||function(){};a.onFailure=a.onFailure||function(){};a.onComplete=a.onComplete||function(){};c.onreadystatechange=function(){if(c.readyState!=4){return}c.status==200?a.onSuccess(c.responseText,c.responseXML):a.onFailure(c);a.onComplete()};c.open(a.method,b);a.method.toUpperCase()=="POST"&&c.setRequestHeader("Content-type","application/x-www-form-urlencoded");c.send(a.data);return c};