Javascript lấy nội dung từ một trang khác

Question

Hàm gọi lại được thực thi nếu yêu cầu thành công. Bắt buộc nếu cung cấp


$.get( "ajax/test.html", function( data ) {
 Nội dung chính Show
 Ghi chú bổ sung
Làm cách nào để lấy dữ liệu từ một trang web khác bằng JavaScript?
Làm cách nào để lấy nội dung của một URL trong JavaScript?
Làm cách nào để lấy ID phần tử từ một trang JavaScript khác?
Làm cách nào để lấy dữ liệu từ một trang web khác trong HTML?
 
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

0, nhưng bạn có thể sử dụng


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

1 hoặc


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

2 làm trình giữ chỗ

loại dữ liệu

Loại.

Loại dữ liệu mong đợi từ máy chủ. Vỡ nợ. Đoán thông minh (xml, json, tập lệnh, văn bản, html)

phiên bản thêm. 1. 12 và 2. 2

cài đặt
Loại.
Một tập hợp các cặp khóa/giá trị cấu hình yêu cầu Ajax. Tất cả các thuộc tính ngoại trừ
```
$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});
```
3 là tùy chọn. Có thể đặt mặc định cho bất kỳ tùy chọn nào với $. cài đặt ajax(). Xem danh sách đầy đủ tất cả các cài đặt. Tùy chọn loại sẽ tự động được đặt thành
```
$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});
```
4

Đây là một hàm Ajax tốc ký, tương đương với

1

2

3

4

5

6


$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

Hàm gọi lại


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

5 được truyền dữ liệu được trả về, dữ liệu này sẽ là phần tử gốc XML, chuỗi văn bản, tệp JavaScript hoặc đối tượng JSON, tùy thuộc vào loại MIME của phản hồi. Nó cũng được chuyển trạng thái văn bản của phản hồi

Kể từ jQuery 1. 5, hàm gọi lại


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

5 cũng được chuyển a (trong jQuery 1. 4, nó đã được thông qua đối tượng


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

7). Tuy nhiên, do các yêu cầu JSONP và tên miền chéo GET không sử dụng XHR, nên trong những trường hợp đó, các tham số


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

8 và


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

9 được chuyển cho lệnh gọi lại thành công là không xác định

Hầu hết các triển khai sẽ chỉ định trình xử lý thành công

1

2

3

4


$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});

Ví dụ này tìm nạp đoạn mã HTML được yêu cầu và chèn đoạn mã đó vào trang

Đối tượng jqXHR

Kể từ jQuery 1. 5, tất cả các phương thức Ajax của jQuery đều trả về một siêu đối tượng của đối tượng


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

0. Đối tượng jQuery XHR này, hay "jqXHR," được trả về bởi


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

1 triển khai giao diện Promise, cung cấp cho nó tất cả các thuộc tính, phương thức và hành vi của Promise (xem Đối tượng bị hoãn để biết thêm thông tin).


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

2 (đối với thành công),


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

3 (đối với lỗi) và


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

4 (đối với hoàn thành, cho dù thành công hay lỗi; được thêm vào trong jQuery 1. 6) các phương thức lấy một đối số hàm được gọi khi yêu cầu kết thúc. Để biết thông tin về các đối số mà hàm này nhận được, hãy xem phần của tài liệu


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

5

Giao diện Promise cũng cho phép các phương thức Ajax của jQuery, bao gồm


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

1, xâu chuỗi nhiều lệnh gọi lại


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

7,


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

8 và


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

9 trên một yêu cầu và thậm chí chỉ định các lệnh gọi lại này sau khi yêu cầu có thể đã hoàn thành. Nếu yêu cầu đã hoàn thành, cuộc gọi lại sẽ được kích hoạt ngay lập tức

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

Thông báo Khấu hao

Các phương thức gọi lại


$.get( "test.php" );

0,


$.get( "test.php" );

1 và


$.get( "test.php" );

2 đã bị xóa kể từ jQuery 3. 0. Bạn có thể sử dụng


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

2,


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

3 và


// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.get( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
 
// Perform other work here ...
 
// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

4 để thay thế

Ghi chú bổ sung

Do các hạn chế về bảo mật của trình duyệt, hầu hết các yêu cầu "Ajax" đều phải tuân theo cùng một chính sách gốc;
Nếu một yêu cầu với jQuery. get() trả về một mã lỗi, nó sẽ bị lỗi âm thầm trừ khi tập lệnh cũng được gọi là mã lỗi toàn cầu. phương thức ajaxError(). Ngoài ra, kể từ jQuery 1. 5, phương thức
```
$.get( "test.php" );
```
6 của đối tượng
```
$.get( "ajax/test.html", function( data ) {
  $( ".result" ).html( data );
  alert( "Load was performed." );
});
```
8 do jQuery trả về. get() cũng có sẵn để xử lý lỗi
Các yêu cầu tập lệnh và JSONP không phải tuân theo các hạn chế về chính sách gốc giống nhau

ví dụ

Yêu cầu kiểm tra. trang php, nhưng bỏ qua kết quả trả về

1


$.get( "test.php" );

Yêu cầu kiểm tra. php và gửi một số dữ liệu bổ sung (trong khi vẫn bỏ qua kết quả trả về)

1


$.get( "test.php", { name: "John", time: "2pm" } );

Truyền mảng dữ liệu đến máy chủ (trong khi vẫn bỏ qua kết quả trả về)

1


$.get( "test.php", { "choices[]": ["Jon", "Susan"] } );

Thông báo kết quả từ yêu cầu kiểm tra. php (HTML hoặc XML, tùy thuộc vào nội dung được trả về)

1

2

3


$.get( "test.php", function( data ) {
  alert( "Data Loaded: " + data );
});

Thông báo kết quả từ yêu cầu kiểm tra. cgi với tải trọng dữ liệu bổ sung (HTML hoặc XML, tùy thuộc vào nội dung được trả về)

1

2

3

4


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

Get the test.php page contents, which has been returned in json format ("John","time"=>"2pm" ) ); ?>), and add it to the page.

1

2

3

4

5


$.get( "test.php", function( data ) {
  $( "body" )
    .append( "Name: " + data.name ) // John
    .append( "Time: " + data.time ); //  2pm
}, "json" );

Nhận một trang khác trên cùng một tên miền. Đầu ra để điều khiển cả dữ liệu được trả về và loại dữ liệu được trả về

Làm cách nào để lấy dữ liệu từ một trang web khác bằng JavaScript?

<\/h1>/ig, ""); . parseFromString(dữ liệu, 'văn bản/html'); . querySelector('body'). bên trongHTML;

Làm cách nào để lấy nội dung của một URL trong JavaScript?

Nếu bạn đang sử dụng JavaScript trong trình duyệt, bạn có thể lấy toàn bộ URL hiện tại bằng cách sử dụng cửa sổ. vị trí. href .

Làm cách nào để lấy ID phần tử từ một trang JavaScript khác?

addEventListener('DOMContentLoaded', () => { // Bây giờ chúng ta có thể truy cập phần tử #test trên trang khác const testDiv = page. tài liệu. getElementById('test') testDiv .

Làm cách nào để lấy dữ liệu từ một trang web khác trong HTML?

Chúng tôi làm cách nào để quét web? .

Kiểm tra HTML của trang web mà bạn muốn thu thập dữ liệu

Truy cập URL của trang web bằng mã và tải xuống tất cả nội dung HTML trên trang

Định dạng nội dung đã tải xuống thành định dạng có thể đọc được

Trích xuất thông tin hữu ích và lưu nó ở định dạng có cấu trúc

programming javascript

Javascript lấy nội dung từ một trang khác

phiên bản thêm. 1. 12 và 2. 2

Đối tượng jqXHR

Thông báo Khấu hao

Ghi chú bổ sung

ví dụ

Làm cách nào để lấy dữ liệu từ một trang web khác bằng JavaScript?

Làm cách nào để lấy nội dung của một URL trong JavaScript?

Làm cách nào để lấy ID phần tử từ một trang JavaScript khác?

Làm cách nào để lấy dữ liệu từ một trang web khác trong HTML?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội