2015-07-12 32 views
1

我想知道JQuery/Ajax .load()方法是如何工作的。 我的意思是我有頁面A.html和頁面B.html。.load方法是否加載整頁?

JQuery如何從B.html中爲A.html加載Page Fragment?

  1. 加載整個頁面,然後選擇所需的元素,
  2. 載入頁面,直到所需的元素不會被人發現?

我有A.html和B.html。 B.html很大。我可以在這裏創建C.html並只寫Page Fragments。會更好嗎?謝謝。

回答

4

jQuery的​​請求並加載您提供的整個URL。如果你指定了該URL的一個片段,那麼它將加載整個URL,然後只找到該片段並丟棄其餘部分。

例如,如果您運行此:

$("#content").load("http://example.com/mainpage #main_content"); 

然後jQuery將做出一個Ajax請求加載所有的 「http://example.com/mainpage」。然後,所有到達之後,DOM將DOM解析爲DOM對象,然後搜索#main_content元素,如果找到,它將插入到$("#content")中,就是它所下載的那一塊。

如果你想在網絡上一次加載更小的塊,那麼你必須將源代碼HTML分解成可以單獨加載的更小塊。 jQuery的​​不能爲你做到這一點。

相關問題