Question

$(document).ready(function () {

    $("button").click(function () {
        $.get("https://talaikis.com/quotes/", function (data, document, quotes) {
            $("#test").html(data);
        })
    })
})

这是可行的，但仅显示网址中的按钮，其余的不显示。

Answer 1

在这种情况下，最好使用 jQuery .load() method ：

从服务器加载数据，然后将返回的HTML放入匹配的元素中。

您的代码如下：

$("button").click(function () {
    $( "#test" ).load("https://talaikis.com/quotes/");
})

注意：

.load()的优点是您只能从页面中加载特定片段，可以检查 the docs 上显示的内容：

与.load()不同，$.get()方法允许我们指定要插入的远程文档的一部分。这可以通过使用url参数的特殊语法来实现。

Answer 2

它将仅显示按钮和文本。从服务器上加载的只是这么多。其余部分是javascript执行的输出。您可以在查看该站点的其余内容之前看到延迟。您正在将该部分加载为html内容，如果显示该内容，它将无法正常工作。

如何使用jQuery在自己的页面上显示网址内容，

2 个答案: