ajax加载html的问题,请先看清楚我请教的问题。

来源:百度知道 编辑:UC知道 时间:2024/05/30 02:23:55
<script type="text/javascript">
function MQ_QPopup()
{
this.pFontFamily='verdana';
this.pFontSize='12px';
this.pFontColor='#030303';
this.pBgColor='#f8f8f8';
this.pBorder='1px #000000 solid';
var pOpacityIE='80';
var pOpacityFF=0.8;
this.init=function()
{ var style="position:absolute;z-index:1000;visibility:hidden;padding:3px;word-break:keep-all;";
style+="font-family:'"+this.pFontFamily+"';";
style+="font-size:"+this.pFontSize+";";
style+="color:"+this.pFontColor+";";
style+="background-color:"+this.pBgColor+";";
style+="border:"+this.pBorder+";";
var html="<div id='MQ_popupLayer' style=\""+style+"\"></div>";
document.write(html);
}

给出完整解答。期待楼主给分,经过测试,绝对可用!而且修改的部分非常少。
我的思路是,在 title 里面传递url地址,然后当调用把 title 转移给 popup的innerHMTL时,产生ajax请求,请求完成后,修改事件源对象的ajaxContent属性,并用这个属性来保存请求的值,以避免鼠标移动重复请求。

请仔细对比我修改的代码。

顺便提一句:ajax不支持跨域请求,如果是请求自己域内页面,是没有问题的,如果想获得baidu.com首页内容是不可能的,这个时候就只能用iframe来实现了!如果楼主是要跨域请求,那么还是换成iframe.我也提供里一个Iframe函数,只要替换一下调用就可用了。

附上全部代码:
给分!

<script type="text/javascript">
function MQ_QPopup()
{
this.pFontFamily='verdana';
this.pFontSize='12px';
this.pFontColor='#030303';
this.pBgColor='#f8f8f8';
this.pBorder='1px #000000 solid';
var pOpacityIE='80';
var pOpacityFF=0.8;
this.init=function()
{ var style="position:absolute;z-index:1000;visibility:hidden;padding:3px;word-break:keep-all;";
style+="font-family:'"+this.pFontFamily+"';";
style+="font-size:"+this.pFontSize+";";