现在的位置: 首页Web前端>正文
ajax+div替代iframe框架实现无刷新嵌入其他页面
2011年12月17日 Web前端 暂无评论 ⁄ 被围观 12,544+

Ajax

【ajax+div替代iframe框架实现无刷新嵌入其他页面】ajax实现在当前页面嵌入其他网页的执行结果,如填充到此网页中的一个div中,可以触发执行,也可以定时执行,页面无刷新。

  1. var mm;   
  2. var nn;   
  3. function makeRequest(url,obj,b) {   
  4. mm=obj;   
  5. nn=b;   
  6.  http_request = false;   
  7.  if (window.XMLHttpRequest) {   
  8.   http_request = new XMLHttpRequest();   
  9.   if (http_request.overrideMimeType){   
  10.    http_request.overrideMimeType('text/xml');   
  11.   }    
  12.  } else if (window.ActiveXObject) {   
  13.   try{   
  14.    http_request = new ActiveXObject("Msxml2.XMLHTTP");    
  15.   } catch (e) {   
  16.    try {   
  17.     http_request = new ActiveXObject("Microsoft.XMLHTTP");   
  18.    } catch (e) {   
  19.    }   
  20.   }   
  21.  }    
  22.  if (!http_request) {   
  23.   alert("您的浏览器不支持当前操作,请使用 IE 5.0 以上版本!");   
  24.   return false;   
  25.  }   
  26.     
  27.   
  28. //定义页面调用的方法init,不是init();没有();   
  29.  http_request.onreadystatechange = init;    
  30.  http_request.open('GET', url, true);    
  31.   
  32. //禁止IE缓存   
  33.  http_request.setRequestHeader("If-Modified-Since","0");    
  34.   
  35. //发送数据   
  36.  http_request.send(null);   
  37.   
  38. //每60秒刷新一次页面   
  39.  //setTimeout("makeRequest('"+url+"')", 1000);    
  40. }   
  41.   
  42. function init() {    
  43.   
  44.   
  45.  if (http_request.readyState == 4) {   
  46.   if (http_request.status == 0 || http_request.status == 200) {   
  47.    var result = http_request.responseText;   
  48.    if(result==""){   
  49.     result = "获取失败";   
  50.    }   
  51.   
  52. var z=result.split("#");   
  53.   
  54. if(z[0]=="bnm")   
  55. {   
  56. alert(z[1]);   
  57. window.location.reload();   
  58. }   
  59. else if(z[0]=="nm")   
  60. {   
  61.   
  62. }   
  63. else  
  64. {   
  65. document.getElementById ("pinpai"+mm).value=z[0];    
  66. //document.getElementById ("pp"+mm).value=z[1];    
  67. document.getElementById ("lsj"+mm).value=z[2];    
  68. document.getElementById ("lxk"+mm).value=z[3];    
  69. document.getElementById ("lb"+mm).innerHTML=z[4];    
  70. }   
  71.   } else {//http_request.status != 200   
  72.    alert("请求失败!");   
  73.   }   
  74.  }   
  75. }  

其他可参考文章:http://www2.flash8.net/teach/4014.htm

筑梦者坚信,您的评论是最宝贵的!

(嘿嘿,只需要填写昵称和邮箱就OK)

留言无头像?

插入图片 留言不能超过500字,已输入字数: