关闭

Ajax基本代码

108人阅读 评论(0) 收藏 举报
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);
		}
	}
}
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:12732次
    • 积分:381
    • 等级:
    • 排名:千里之外
    • 原创:30篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章存档
    最新评论