3

URLからHTMLコンテンツをロードするjQueryの方法はありますか？

例えば：

<div class="MyContent">

<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

</div>

上記のdiv内のすべてのHTMLをURLのコンテンツに置き換えることはできますか？

4

3 に答える 3

19

あなたが探しています.load()

サーバーからデータをロードし、返されたHTMLを一致した要素に配置します。

于 2012-06-21T02:01:57.827 に答える
5

まず、このコードでHTMLページを作成します

<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

DIV内にiFrameを配置し（オプション）、jQueryを使用してiFrameのソースをURLに変更します。URLは、上で作成したページを指している必要があります。

function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}
于 2012-06-21T02:05:02.877 に答える
1

jQueryでとを使用.get()します。.html()元、

$.get(url, function (data) {
   $('.MyContent').html(data);
});
于 2012-06-21T02:04:10.147 に答える