<div
id="retShow"></div> $(document).ready(function() { $("#retShow").load("http://192.168.0.1/xxxx/xxx.htm"); }); 我用这种方式加载那个页面为什么加载不了,直接访问那个地址是可以打开的?大神们有没有其他的方式可以实现这种效果,<iframe>是可以做的,但是它已经被PASS了,因为用它又带来了其他的不便。 意思是问问大神们DIV用JQuery如何加载一个静态页面???
建议写成 <div
id="retShow"></div> $(function() { $("#retShow").load('http://192.168.0.1/xxxx/xxx.htm body'); }); div加载整个HTML了。 <div> <!DOCTYPE
html><html>...<script....</html> </div> 这样当然是不允许的,是会出错的!所以一般只加载HTML页面中的某部分。后面的body你可以改写成#id或者.class都是可以的。如果你可以加载那个页面的JavaScript文件,你可以这么写: $('#retShow').load('http://192.168.0.1/xx/xx.htm
body',function(){ $.getScript('1.js'); }); 如果你的页面需要get或者post,你可以这么写 $('#retShow').load('http://192.168.0.1/xx/xx.aspx?id=1 body',
{'username':'admin'}, function(){ $.getScript('1.js'); }); 那么这里的?后面就是get,{}里面就是post。
如何使用
callback,比如我们要在load方法得到服务器响应后,慢慢地显示加载的内容,就可以使用callback函数。代码如下: 复制代码 代码如下:
$("#go").click(function(){ $("#myID").load("welcome.php", {"lname":"Cai", "fname":"Adam",
function(){ $("#myID").fadeIn('slow');} ); }); 6. 加载页面片段 .load()
方法允许我们规定要插入的远程文档的某个部分。这一点是通过 url
参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery
选择器。比如: 复制代码 代码如下:
$("#result").load("/test.html #container"); 7. 防止jquery
load使用缓存的方法 缓存这东西,在一定程度上加快了页面的装载,但是也常常给我们带来麻烦。在实际运用中,我们可能会碰到浏览器缓存的问题。比如我就在IE7里碰到这个问题。 复制代码 代码如下:
$(document).ready(function(){ $("#labels").load("/test.html"); //在页面装载时,在ID为#labels的DOM元素里插入test.html的内容。 }); 当我更新了test.html以后,在IE7里load方法仍旧在使用旧的test.html,就算我按刷新键也不管用。好在jQuer
|