6

ページを更新したり、URLを変更したりせずに、HTMLページをロードしたい。たとえば、私がにいてhttp://localhost/sample/home、お問い合わせページに移動したい場合は、お問い合わせリンクをクリックすると、ページを更新したりURLを変更したりせずに、お問い合わせページのコンテンツが読み込まれます。

これはどのように行うことができますか?

4

3 に答える 3

4

jQuery.load()の使用を調べてください。

これにより、URL から HTML を読み込んで、ページ内の要素に表示できます。

したがって、次のようなことができます。

$("body").load("/sample/contactus");

ただし、SEO やアクセシビリティには適していないため、これはお勧めしません。また、他のページ全体に対してHTTPリクエストを作成する必要があるため、ロード時間は短縮されません..

于 2012-08-01T11:22:43.050 に答える
2

モック HTML:

<div id="links">
    <a href="/contactus.html">Contact Us </a>
</div>
<div id="content"></div>

JS:

$(function() {
    $("#links > a").click(function(e) {
        e.preventDefault(); //so the browser doesn't follow the link

        $("#content").load(this.href, function() {
            //execute here after load completed
        });
    });
});

jQuery.load() - サーバーからデータをロードし、返された HTML を一致した要素に配置します

于 2012-08-01T11:30:25.107 に答える
0

何かのようなもの :

$('#content').load('ajax/contact.html', function() {
  alert('Load was performed.');
});

http://api.jquery.com/load/

于 2012-08-01T11:22:36.430 に答える