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

简介:
<br><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>

 

View Code
 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>
本博客为 木宛城主原创,基于 Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名 木宛城主(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。

 本文转自木宛城主博客园博客,原文链接:http://www.cnblogs.com/OceanEyes/archive/2012/05/13/jsajax.html,如需转载请自行联系原作者
目录
打赏
0
0
0
0
20
分享
相关文章
Echarts实战案例代码(22):jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案
Echarts实战案例代码(22):jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案
141 0
Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案
Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案
132 0
PHP代码合集21个邮箱2个问答23个ajax特效
PHP代码合集21个邮箱2个问答23个ajax特效
45 0
Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中
Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
315 0
Echarts实战案例代码(14):数据可视化大屏根据ajax异步更新筛选条件查询互动展示的解决思路
Echarts实战案例代码(14):数据可视化大屏根据ajax异步更新筛选条件查询互动展示的解决思路
152 0
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
121 0
【jquery Ajax 】form表单教学+评论案例
【jquery Ajax 】form表单教学+评论案例
191 0
【jquery Ajax 】form表单教学+评论案例
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等