ajax实例

来源:互联网 发布:java 2进制实战 编辑:程序博客网 时间:2024/05/18 03:05
//创建AJAX REQUEST
function CreateAjax(){
var httprequest=false;
if(window.XMLHttpRequest){
httprequest=new XMLHttpRequest();
if(httprequest.overrideMimeType)
httprequest.overrideMimeType('text/html');
}else if(window.ActiveXObject){
try{
httprequest=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
httprequest=new ActiveXObject("Microsoft,XMLHTTP");
}catch(e){
}
}
}
return httprequest;
}
var httprequest=CreateAjax();
//回帖处理
function postReply(){
content=document.postreply.content.value;
parentID=document.postreply.parentID.value;
if(content.length==0){
alert("内容不能为空");
return;
}
httprequest.open("post","postreplaycl?parentID"+parentID+"&content="+content,true);
httprequest.onreadystatechange=HandleRequest;
httprequest.send(null);
}
function HandleRequest(){
if(httprequest.readyState==4 ){
if(httprequest.status==200){
var result=httprequest.responseText;
result.toString();
alert(result);
if(result=="1"){
//生成HTML模板
var newreplay=document.getElementById("newreplay");
var newdiv=document.createElement("div");
newdiv.className="post";
newreplay.appendChild(newdiv);
str="";
str+="<div class=\"poststyle_userinfo\">"+
"<div class=\"postsytle_line2\" ><a href=\"#\">用户名</a></div>"+
"<div class=\"userimg\"><a href=\"#\"><span class=\"userimg\"><img src=\"../image/bbs/userface.jpg\" width=\"66\" height=\"66\" /></span></a></div>"+
"<div class=\"postsytle_line2\">等级图片</div>"+
"<div class=\"postsytle_line1\">积分 :</div>"+
"<div class=\"postsytle_line1\">经验 :</div>"+
"<div class=\"postsytle_line1\">等级 :</div>"+
"<div class=\"postsytle_line1\">发帖 : <a href=\"#\">0</a></div>"+
"<div class=\"postsytle_line1\">精华 : <a href=\"#\">0</a></div>"+
"<div class=\"postsytle_line2\"><a href=\"#\">加为好友</a></div>"+
"</div> "+
"<div class=\"poststyle_con\">"+
"<div class=\"postinfo\"><div>"+getdate()+"</div> <div class=\"postinfo_2\"> 楼</div></div>"+
"<div class=\"postcon\">"+content+"</div>"+
"<div class=\"postoption\"><a href=\"#\"> 修改</a> <a href=\"#\">删除</a> <a href=\"#\">举报</a> <a href=\"#\">引用</a> <a href=\"#\">回复</a> <a href=\"#\">TOP</a>  </div>"+
"</div>";
newdiv.innerHTML=str;
}else{
alert("回复失败");
}
}else{
alert("网络错误");
}
}
}
原创粉丝点击