nhận html của url bên ngoài trong jquery

Question

Tôi làm cách nào để có được HTML của bên ngoài bằng cách sử dụng jquery?

Answer 1

Câu trả lời ngắn gọn là bạn không thể, vì yêu cầu AJAX được giới hạn ở cùng một miền (phụ) và cổng theo số Same Origin Policy.

Các hạn chế tương tự áp dụng cho các yếu tố iframe: Bạn không thể tạo iframe trỏ đến trang bên ngoài và lấy HTML từ đó.

Cách thông thường là sử dụng tập lệnh phía máy chủ (được viết bằng PHP) hoạt động như một proxy: Nó tìm nạp nội dung của trang web bên ngoài và phân phát lại cho JavaScript. Nó sẽ phải chạy trên cùng một tên miền với trang. Rõ ràng, bằng cách sử dụng giải pháp này, các tham chiếu tương đối với URL, hình ảnh, biểu định kiểu và như vậy (ví dụ: ../images/image.gif) sẽ không còn hoạt động nữa, vì chúng nằm ngoài ngữ cảnh trên trang của bạn. Các trang liên quan đến trang web của bạn sẽ được hiển thị trên trang web của bạn. Cho dù đó là một vấn đề trong tình huống của bạn là không thể nói. Một cách giải quyết khác có thể là sử dụng <base> tag.

Answer 2

Trên biểu mẫu đơn giản nhất - Bạn không thể.

Bạn bị ràng buộc với same origin policy.

Answer 3

Bạn cần jquery $.get

http://api.jquery.com/jQuery.get/

Ví dụ: Thông báo ra các kết quả từ yêu cầu test.cgi với một tải trọng bổ sung dữ liệu (HTML hoặc XML, tùy thuộc vào những gì đã được trả lại).

$.get("test.cgi", { name: "John", time: "2pm" }, 
    function(data){ 
    alert("Data Loaded: " + data); 
    }); 

Chỉnh sửa: điều này chỉ hoạt động nếu trang của bạn nằm trên cùng một tên miền.

Answer 4

Bạn có thể sử dụng $ .ajax hoặc $ .get để thực hiện cuộc gọi đến URL trên tên miền của riêng bạn và sau đó sử dụng bất kỳ ngôn ngữ phía máy chủ nào bạn đang sử dụng để truy xuất HTML và sau đó trả lại.

Đó là hai yêu cầu HTTP thay vì một yêu cầu nhưng nó sẽ khắc phục được sự cố của bạn.

Bạn cũng có thể lưu trữ HTML của trang bên ngoài trong mã phụ trợ để yêu cầu từ Javascript không phải lúc nào cũng dẫn đến hai yêu cầu HTTP - tất nhiên phụ thuộc vào tần suất HTML bạn muốn lấy sẽ thay đổi.

Một bước ngoặt nhỏ ở trên sẽ là có tác vụ nền chạy trên máy chủ của bạn truy xuất HTMl bên ngoài sau mỗi giây X và lưu cục bộ. Các yêu cầu đối với miền của bạn từ JS của bạn chỉ cần nhận bản sao mới nhất từ ​​máy chủ của bạn. Điều đó có nghĩa là yêu cầu JS của bạn không bị chậm lại bằng cách đợi một yêu cầu HTTP bên ngoài khác.

Answer 5

Tất cả các trình duyệt phổ biến không cho phép các cuộc gọi Javasript truy cập bất kỳ Trang nào có miền phụ (phụ) khác do Chính sách xuất xứ giống nhau. Cách duy nhất để làm việc xung quanh đó là thiết lập một số loại "proxy" trên máy chủ của riêng bạn (ví dụ: một tập lệnh php) chạy dưới cùng một miền, lấy thông tin bạn muốn từ nguồn thứ ba và in chúng ra.

Answer 6

Bạn có thể thêm ngôn ngữ PHP hoặc bất kỳ ngôn ngữ nào khác của máy chủ vào trang web có thể hoạt động như một proxy cho tập lệnh của bạn để tìm nạp html trang.

Sau đó, bạn có thể gọi proxy phía máy chủ của mình với url bằng cách sử dụng Ajax sẽ trả lại cho bạn HTMl của trang đó.