AJAX 异步(JavaScript 和 XMLHTTP)

简介:
  < script >

function  objAjax()
{
var  objxml = false ;
  
// 尝试创建Microsoft IE浏览器支持的对象
  try  {
objxml 
=   new  ActiveXObject( " Msxml2.XMLHTTP " );
catch  (e) {
try  {
objxml 
=   new  ActiveXObject( " Microsoft.XMLHTTP " );
catch  (e) {
aobjxml 
=   false ;
}
}
  
// 如果创建不成功,则尝试创建非Microsoft IE浏览器支持的对象
  if  ( ! objxml  &&   typeof  XMLHttpRequest != ' undefined ' ) {
objxml 
=   new  XMLHttpRequest();
}
return  objxml;
}

 


function  openurl(url)
{
   
var  objxml = objAjax();
  
//   var objxml=new ActiveXObject("Microsoft.XMLHttp") //建立

    objxml.open(
" GET " ,url, false );  // 打开
    objxml.send();  // 发送
    retInfo = objxml.responseText; 接收 返回文本字符串
   
 
if (objxml.readyState  ==   1 )   // 初始化
       {
            document.getElementById(
" aboutproDiv " ).innerHTML  = " 正在加载数据... " ;
        }

    
if (objxml.readyState  ==   4 )   // 数据接收完毕
            { 
               document.getElementById(
" aboutproDiv " ).style.display = " none " ; // 隐藏
                 return  retInfo;
    }
    
else
    {
    
return   " -2 " ;
    }
}

function  checkapp(form){
    infoBoard
= document.getElementById( " aboutpro_i " );
    myurl
= " getdis.aspx?pid= " +<!-- @proId@ -->+ " &rnd= " + Math.random();
    
var  retCode  =  openurl(myurl);
    
switch (retCode){
        
case   " -2 " : infoBoard.innerHTML = ' 该商品暂无评论 ' ; break ;
         
default :{
                  infoBoard.innerHTML
= retCode;              
                 }
break ;
    }
    
return
}

 
< / script>

 




< body onload = " checkapp() " >

 

 
< div id = " aboutpro_i " >
< DIV id = aboutproDiv  > 正在加载中... </ DIV >
  
<!-- @item@ -->
               
</ div >

 

// getdis.aspx  cs代码

  
protected   void  Page_Load( object  sender, EventArgs e)
    {
        
if  (Request[ " pid " !=   null )
        {
            
string  strReturn  =   " 该商品暂无评论... " ;
            
string  strSql  =   " select * from cuspro where pid= " + Request[ " pid " ].ToString() + "  order by id desc " ;
            chat c 
=   new  chat();
            DataTable dt 
=  c.SqlselectPro(strSql, 2 );
            
if  (dt.Rows.Count  >   0 )
            {
                strReturn 
=   "" ;
            
              
foreach (DataRow dr  in  dt.Rows)
              {
                  
string  re = dr[ " reply " ].ToString();
                  
if  (re  !=   "" )
                  {
                      strReturn 
+=   " <div class='protitle'>评论者: "   +  dr[ " mname " ].ToString()  +   "      "   +  dr[ " ctime " +   " &nbsp;&nbsp;对  "   +  dr[ " pname " ].ToString()  +   "  评论!</div> " ; ;
                   
                      strReturn 
+=   " <div class='aboutproitem'> "   +  dr[ " items " ].ToString()  +   " </div> " ;
                      strReturn 
+=   " <div class='aboutproitem1'> "   +  dr[ " reply " ].ToString()  +   " </div> " ;
                  }
                  
else
                  {

                      strReturn 
+=   " <div class='protitle'>评论者: "   +  dr[ " mname " ].ToString()  +   "      "   +  dr[ " ctime " +   " &nbsp;&nbsp;对  "   +  dr[ " pname " ].ToString()  +   "  评论!</div> " ; ;
                 
                      strReturn 
+=   " <div class='aboutproitem'> "   +  dr[ " items " ].ToString()  +   " </div> " ;
                  }
              }
            }
            Response.Write(strReturn);
        }
    }

    本文转自曾祥展博客园博客,原文链接:http://www.cnblogs.com/zengxiangzhan/archive/2009/09/12/1565328.html,如需转载请自行联系原作者

相关文章
|
15天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
17 0
|
1月前
|
前端开发 JavaScript
如何处理 JavaScript 中的异步操作和 Promise?
如何处理 JavaScript 中的异步操作和 Promise?
15 1
|
1月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
1月前
|
前端开发 JavaScript
JavaScript的异步操作
JavaScript的异步操作
|
12天前
|
Web App开发 缓存 JavaScript
|
22天前
|
JavaScript 前端开发
JS 单线程还是多线程,如何显示异步操作
JS 单线程还是多线程,如何显示异步操作
22 2
|
1月前
|
JavaScript 前端开发
node.js第四天--ajax在项目中的应用
node.js第四天--ajax在项目中的应用
27 0
|
1月前
|
XML 前端开发 JavaScript
node.js第三天-----ajax(3)
node.js第三天-----ajax(3)
26 0
|
1月前
|
JSON JavaScript 前端开发
node.js第三天-----ajax(2)
node.js第三天-----ajax(2)
23 0
|
1月前
|
JSON 前端开发 JavaScript
node.js第三天-----ajax(1)
node.js第三天-----ajax(1)
35 0