Ajax基本代码

var xmlHttp;									//xmlHttpRequest组件对象
function addCommentsAjax(){
	var ccontent = document.getElementById("ccontent");
	if(ccontent.value==null || ccontent.value==""){
		alert("评论不能为空");
	}
	xmlHttp = createXmlHttpRequest();
	var url = "servlet/CommentServlet?cname=ff";//请求字符串
	xmlHttp.onreadystatechange = processRequest;//设置回调函数(不能有括号)
	xmlHttp.open("get",url,true);				//打开与服务器响应地址的连接
	
	//如果post提交需要加下面一行代码
	//xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded"); 

	xmlHttp.send(null);							//发送请求
}

function createXmlHttpRequest(){				//创建xmlHttpRequest组件(兼容各浏览器)
	if(window.ActiveXObject){
		return new ActiveXObject("Microsoft.XMLHTTP");
	}else if(window.XMLHttpRequest){
		return new XMLHttpRequest();
	}
}
/*
因为返回的是innerHTML,所以如果要获取字符串就必须处理
String.prototype.trim() = function(){
	var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/);
	return (m==null)?"":m[1];
}
*/
function processRequest(){
	if(xmlHttp.readyState == 4){				//等于4代表请求完成
		if(xmlHttp.status == 200){				//等于200代表服务器响应正常,404访问资源部存在
			//请求完成后返回的是innerHTML
			 document.getElementById("comments_show").innerHTML = xmlHttp.responseText;
		}else{
			alert("请求处理返回的数据有错误:" + xmlHttp.status);
		}
	}
}
阅读更多
个人分类: JavaScript
上一篇获取客户端IP地址
下一篇log4j模板
想对作者说点什么? 我来说一句

ajax使用入门,最新示例

2009年03月14日 2KB 下载

ajaX 案例大全以及基本操作代码

2011年08月02日 118KB 下载

没有更多推荐了,返回首页

关闭
关闭