一个简单的ajax实例

简介: function objAjax(){var objxml=false;  //尝试创建Microsoft IE浏览器支持的对象 try {objxml = new ActiveXObject("Msxml2.

< 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);
        }
    }

 

相关文章
|
2月前
|
JSON 前端开发 JavaScript
介绍几个常见的 AJAX 实例,帮助你更好地理解和运用 AJAX 技术
介绍几个常见的 AJAX 实例,帮助你更好地理解和运用 AJAX 技术
53 2
|
2月前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
67 0
|
SQL 前端开发 Java
Java Web——Ajax的结束与第二个实例
Java Web——Ajax的结束与第二个实例
Java Web——Ajax的结束与第二个实例
|
XML 存储 前端开发
Java Web——Ajax的理解与第一个实例
Java Web——Ajax的理解与第一个实例
Java Web——Ajax的理解与第一个实例
|
前端开发 Java
【AJAX】AJAX技术详细解析以及实例(2)
【AJAX】AJAX技术详细解析以及实例
178 0
【AJAX】AJAX技术详细解析以及实例(2)
|
设计模式 JSON 前端开发
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(2)
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)
127 0
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(2)
|
设计模式 JSON 前端开发
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(1)
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)
156 0
MVC框架模式技术实例(用到隐藏帧、json、仿Ajax、Dom4j、jstl、el等)(1)
|
XML Web App开发 缓存
【AJAX】AJAX技术详细解析以及实例(1)
【AJAX】AJAX技术详细解析以及实例
185 0