Question

我有一个index.html并且有另一个包含大量文字的html文件。

现在我不想将这一堆代码粘贴到我的index.html中。我不想让它变大，只有在点击按钮时才会调用另一个文件。

如何从another_file.html获取div区域？

$("#buttonClick").on("click",function(evt) {
    $("#load-another-file").dialog({});

Answer 1

我相信您正在寻找jQuery's $.ajax，这是一种在不刷新页面的情况下加载数据的方法：

$("#buttonClick").on("click",function(evt) {
    $.ajax({
        url: 'another_file.html',
        success: function(data){ // You received the data
            $("#load-another-file").html(data).dialog("open");
        }
    });
});

注意：为了实现这一点，您可能必须将文件放在服务器上（甚至是本地服务器上），因为某些浏览器不允许在本地文件上使用Ajax请求以确保安全性原因（例如谷歌浏览器）。

Answer 2

也许您正在寻找jquery.load()，加载执行服务器调用并获取元素中返回的HTML。

$("#buttonClick").on("click",function(evt) {
    $("#load-another-file").dialog().load("another_file.html");
});

在对话框中加载另一个HTML文件

2 个答案: