前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >原生态Ajax无刷新评论和顶踩代码(记事本打造,无验证)

原生态Ajax无刷新评论和顶踩代码(记事本打造,无验证)

作者头像
用户1161731
发布2018-01-11 12:55:25
1.4K0
发布2018-01-11 12:55:25
举报
文章被收录于专栏:木宛城主木宛城主
代码语言:javascript
复制
<script type="text/javascript">
	var xhr=false;
	var actionType;
	//todo:
	var sId=1;
  function createXmlHttp() {//创建xhr对象
            var xhobj = false;
            try {
                xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
            } catch (e) {
                try {
                    xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
                } catch (e2) {
                    xhobj = false;
                }
            }
            if (!xhobj && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
                xhobj = new XMLHttpRequest();
            }
            return xhobj;
        }
	window.onload=function(){
		xhr=new createXmlHttp();
	}
	function doSupport(isSupport){
		xhr.open("POST","DoSupport.ashx",true);
		xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		xhr.onreadystatechange=watching;
		if(isSupport){
			actionType=1;
			xhr.send("sId="+sId+"&isSup="+actionType);
		}
		else{
			actionType=0;
			xhr.send("sId="+sId+"&isSup="+actionType);
		}	
	}
	function watching(){
		if(xhr.readyState>=4){
			if(xhr.status==200){
				var resText=xhr.responseText;
				var resArr=resText.split(",");
				if(resArr[0]=="ok"){
					if(actionType==1){
						document.getElementById("spanSup").innerHtml=resArr[1];
					}
					else{
						document.getElementById("spanDisSup").innerHtml=resArr[1];
					}
				}
				else{
					//todo:
				}	
			}	
		}
	}
	function AddComment(){
		xhr.open("POST","DoAddComments.ashx",true);
		xhr.setreadystatechange=watchingComments;
		xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		var urlData="sId"+sId+"&txtContents="+document.getElementByIdea("txtComments").value;
		xhr.send(urlData);
	}
	function watchingComments(){
		if(xhr.readyStates>=4){
			if(xhr.status==200){
				var resText=xhr.responseText;
				if(resText=="ok"){
					var commentsTable=document.getElementById("txtComments");//获取评论的表格对象
					var newRow=commentsTable.insertRow(commentsTable.row.length);
					var nTd1=newRow.insertCell();
					var nTd2=newRow.insertCell();
					nTd1.innerHtml=nowLoginUser;
					nTd2.innerHtml=document.getElementById("txtComments").value;
				}
				else{
					//todo:
				}
			}
			else{
				alert(xhr.status);
			}
		}
		
	}



<script>
代码语言:javascript
复制
 1 <br><script type="text/javascript">
 2 ?
 3     var xhr=false;
 4     var actionType;
 5     //todo:
 6     var sId=1;
 7   function createXmlHttp() {//创建xhr对象
 8             var xhobj = false;
 9             try {
10                 xhobj = new ActiveXObject("Msxml2.XMLHTTP"); // ie msxml3.0+
11             } catch (e) {
12                 try {
13                     xhobj = new ActiveXObject("Microsoft.XMLHTTP"); //ie msxml2.6
14                 } catch (e2) {
15                     xhobj = false;
16                 }
17             }
18             if (!xhobj && typeof XMLHttpRequest != 'undefined') {// Firefox, Opera 8.0+, Safari
19                 xhobj = new XMLHttpRequest();
20             }
21             return xhobj;
22         }
23     window.onload=function(){
24         xhr=new createXmlHttp();
25     }
26     function doSupport(isSupport){
27         xhr.open("POST","DoSupport.ashx",true);
28         xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
29         xhr.onreadystatechange=watching;
30         if(isSupport){
31             actionType=1;
32             xhr.send("sId="+sId+"&isSup="+actionType);
33         }
34         else{
35             actionType=0;
36             xhr.send("sId="+sId+"&isSup="+actionType);
37         }   
38     }
39     function watching(){
40         if(xhr.readyState>=4){
41             if(xhr.status==200){
42                 var resText=xhr.responseText;
43                 var resArr=resText.split(",");
44                 if(resArr[0]=="ok"){
45                     if(actionType==1){
46                         document.getElementById("spanSup").innerHtml=resArr[1];
47                     }
48                     else{
49                         document.getElementById("spanDisSup").innerHtml=resArr[1];
50                     }
51                 }
52                 else{
53                     //todo:
54                 }   
55             }   
56         }
57     }
58     function AddComment(){
59         xhr.open("POST","DoAddComments.ashx",true);
60         xhr.setreadystatechange=watchingComments;
61         xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
62         var urlData="sId"+sId+"&txtContents="+document.getElementByIdea("txtComments").value;
63         xhr.send(urlData);
64     }
65     function watchingComments(){
66         if(xhr.readyStates>=4){
67             if(xhr.status==200){
68                 var resText=xhr.responseText;
69                 if(resText=="ok"){
70                     var commentsTable=document.getElementById("txtComments");//获取评论的表格对象
71                     var newRow=commentsTable.insertRow(commentsTable.row.length);
72                     var nTd1=newRow.insertCell();
73                     var nTd2=newRow.insertCell();
74                     nTd1.innerHtml=nowLoginUser;
75                     nTd2.innerHtml=document.getElementById("txtComments").value;
76                 }
77                 else{
78                     //todo:
79                 }
80             }
81             else{
82                 alert(xhr.status);
83             }
84         }
85          
86     }
87  
88  
89  
90 <script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2012-05-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档