建立一个简单的ajax需要
1、创建xmlhttp对象
3、打开一个连接
4、发送一个请求
function ajaxFunction(){
var xmlHttp;
try { // Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
}
catch (e) {
try {// Internet Explorer
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
}
}
}
return xmlHttp;
}
window.onload = function(){
/**
* 给页面上的button添加一个click事件
*/
var button = document.getElementById("mybutton");
button.onclick = function(){
ajax({
method:'post',
url:'HelloServlet',
data:null,
/**
* @param {Object} data
* 为回调函数的形参
*/
callback:function(data){
alert(data);
}
});
}
}
/**
* 对ajax请求进行封装(通过参数)
*/
function ajax(ajaxJSON){
//创建xmlhttprequest对象
var xmlhttp = ajaxFunction();
//建立了客户端与服务器端通信的桥梁
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
/**
* xmlhttp.responseText是回调函数的实参
*/
ajaxJSON.callback(xmlhttp.responseText);
}
}
}
//利用xmlhttp对象的open方法打开一个连接
xmlhttp.open(ajaxJSON.method, ajaxJSON.url, true);
//发送请求,并且传递参数
xmlhttp.send(ajaxJSON.data);
}