Hướng dẫn jquery load local html file - jquery tải tệp html cục bộ

2

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi có một WebView ca cao hiển thị tệp HTML cục bộ. Tôi đang thử sử dụng jQuery.load [] để tải một tệp HTML cục bộ khác vào div. Mã JavaScript của tôi đi một cái gì đó như thế này:

$["#mydiv"].load["test.html"];  // test.html is a local file inside the app's bundle

Tôi không thấy bất kỳ ngoại lệ nào nhưng nó sẽ không tải HTML bên trong Div. Tôi đang sử dụng chính xác cùng một mã cho một ứng dụng iOS và nó hoạt động tốt. Tôi cũng đã thử sử dụng xmlhttprequest [] và tôi có thể thấy phản hồi tốt.

Bất kỳ lời khuyên? Cảm ơn trước!

hỏi ngày 17 tháng 7 năm 2013 lúc 23:47Jul 17, 2013 at 23:47

2

Một công việc nhỏ vui vẻ xung quanh chỉ cần thay nhà.html bằng tệp HTML cục bộ và nội dung của bạn bằng ID div của bạn

document.getElementById["content"].innerHTML='';

Hoạt động trong Chrome, Firefox, và IE thưởng thức!

Đã trả lời ngày 24 tháng 9 năm 2014 lúc 14:07Sep 24, 2014 at 14:07

Quaking-MessQuaking-MessQuaking-Mess

5054 Huy hiệu vàng11 Huy hiệu bạc23 Huy hiệu đồng4 gold badges11 silver badges23 bronze badges

Tôi đã có thể giải quyết vấn đề bằng cách sử dụng jquery.ajax thay thế. Đây là cách tôi đã làm điều đó:

jQuery.ajax[{ 
     url: "test.html", dataType: "html" 
}].done[function[ responseHtml ] {
     $["#mydiv"].html[responseHtml];
}];

Hy vọng nó sẽ giúp ai đó!

Đã trả lời ngày 21 tháng 7 năm 2013 lúc 15:02Jul 21, 2013 at 15:02

ReinaldoreinaldoReinaldo

4.4063 Huy hiệu vàng22 Huy hiệu bạc24 Huy hiệu đồng3 gold badges22 silver badges24 bronze badges

1

var $div = $['div#something'];
$div.load["test.html"];

Đã trả lời ngày 17 tháng 7 năm 2013 lúc 23:50Jul 17, 2013 at 23:50

Jason Youngjason YoungJason Young

5653 Huy hiệu bạc16 Huy hiệu đồng3 silver badges16 bronze badges

1

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

  • Đọc
  • Bàn luận
  • Xem thảo luận

    Cải thiện bài viết

    Lưu bài viết

    Đọc

    Bàn luận

    • Trong bài viết này, chúng tôi sẽ học cách tải tệp HTML bên ngoài vào một phần tử DIV.The ready event occurs whenthe DOM [document object model] has been loaded.
    • Các hàm jQuery sau đây được sử dụng trong các mã ví dụ.The load[] method loads data from a server and gets the returned data into the selected element.

    Sẵn sàng []: Sự kiện sẵn sàng xảy ra khi DOM [mô hình đối tượng tài liệu] đã được tải.We will use the ready[] function to ensure that our DOM is completely ready before doing any further tasks. We will load the external HTML using load[] function.

    Approach:

    • load []: & nbsp; phương thức tải [] tải dữ liệu từ một máy chủ và lấy dữ liệu được trả lại vào phần tử đã chọn.
    • LƯU Ý: Chúng tôi sẽ sử dụng hàm Sẵn sàng [] để đảm bảo rằng DOM của chúng tôi đã hoàn toàn sẵn sàng trước khi thực hiện bất kỳ nhiệm vụ nào nữa. Chúng tôi sẽ tải hàm HTML bên ngoài bằng tải [].
    • Đầu tiên, chúng tôi sẽ tạo tệp HTML bên ngoài của chúng tôi.ready[] function to check if DOM ready.
    • Thêm phần tử Div trên tệp HTML nơi chúng tôi muốn tải HTML bên ngoài.load[].

    Trong tập lệnh, sử dụng hàm Sẵn sàng [] để kiểm tra xem dom đã sẵn sàng.The following div-1.html and div-2.html files are used as external files.

    div-1.html

    HTML

    Bài Viết Liên Quan

    Chủ Đề