Question

jq怎样 载入html页面到div中的解决方案列表

Answer 1

载入远程 html 文件代码并插入至 dom 中。 默认使用 get 方式 - 传递附加参数时自动转换为 post 方式。jq 1.2 中，可以指定选择符，来筛选载入的 html 文档，dom 中将仅插入筛选出的 html 代码。语法形如 url #some selector。请查看示例。 ---------------------------------------- load html from a remote file and inject it into the dom. a get request will be performed by default - but if you pass in any extra parameters then a post will occur. in jq 1.2 you can now specify a jq selector in the url. doing so will filter the incoming html document, only injecting the elements that match the selector. the syntax looks something like url #some selector. see the examples for more information. 返回值jq参数url (string) : 待装入 html 网页网址。 data (map) : (可选) 发送至服务器的 key/value 数据。 callback (callback) : (可选) 载入成功时回调函数。 示例加载文章侧边栏导航部分至一个无序列表。 html 代码:<bjq links:</b <ul id=links</uljq 代码:$(#links).load(/main_page #p-getting-started li); ---------------------------------------- 加载 feeds.html 文件内容。 jq 代码:$(#feeds).load(feeds.html); ---------------------------------------- 同上，但是以 post 形式发送附加参数并在成功时显示信息。

Answer 2

方案如下：
一、使用iframe标签进行加载，即
html：
<div id="dialog">
<iframe scrolling="auto" frameborder="0" src="mydialog.html" style="width:100%;height:100%;"></iframe>
</div>
js：
$("#dialog").html('<iframe scrolling="auto" frameborder="0" src="mydialog.html" style="width:100%;height:100%;"></iframe>'); //src也可以做成参数
二、使用ajax进行加载
$("#dialog").load("mydialog.html");
补充：jQuery.load(url,[data],[callback])方法也有一下三种形式：
1、默认使用 GET 方式 ，把整个页面加载目标div：
$("#dialog").load("mydialog.html");
2、默认使用 GET 方式 ，加入筛选器，筛选载入的 HTML 文档：
$("#dialog").load("mydialog.html table"); //加载mydialog.html的table标签内容
3、 传递附加参数时自动转换为 POST 方式
$("#dialog").load("mydialog.html", {username:"admin"}, function(){
alert("load success");
});
//post方式请求，能够附上参数，以及提供加载后的回调函数