Cách gọi một URL trong JavaScript

createObjectURL(object)

object

Đối tượng File, Blob hoặc MediaSource để tạo URL đối tượng cho

Chuỗi chứa URL đối tượng có thể được sử dụng để tham chiếu nội dung của nguồn được chỉ định object

Thấy

Mỗi lần bạn gọi URL.createObjectURL()1, một URL đối tượng mới sẽ được tạo, ngay cả khi bạn đã tạo một URL cho cùng một đối tượng. Mỗi thứ trong số này phải được giải phóng bằng cách gọi cho URL.createObjectURL()2 khi bạn không cần chúng nữa

Các trình duyệt sẽ tự động giải phóng các URL đối tượng khi tài liệu được tải xuống;

Trong các phiên bản cũ hơn của đặc tả Nguồn phương tiện, việc đính kèm một luồng vào phần tử URL.createObjectURL()3 yêu cầu tạo một URL đối tượng cho URL.createObjectURL()4. Điều này không còn cần thiết nữa và các trình duyệt đang loại bỏ hỗ trợ để thực hiện việc này

Cảnh báo. Nếu bạn vẫn có mã dựa trên URL.createObjectURL()1 để đính kèm luồng vào các thành phần phương tiện, bạn cần cập nhật mã của mình để đặt trực tiếp URL.createObjectURL()6 thành URL.createObjectURL()4

Để gửi một yêu cầu GET bằng JavaScript, bạn có thể sử dụng đối tượng XMLHttpRequest hoặc phương thức fetch() để tương tác với máy chủ. Phương thức tìm nạp () là một phương thức linh hoạt, mạnh mẽ hỗ trợ các hoạt động không đồng bộ và được hỗ trợ bởi tất cả các trình duyệt hiện đại. Phương thức tìm nạp () sử dụng Lời hứa để tránh nhiều cuộc gọi lại và cung cấp API đơn giản và rõ ràng hơn. Đối tượng XMLHttpRequest (XHR) là cách duy nhất để gửi yêu cầu HTTP trong các trình duyệt cũ hơn. Có một số thư viện JavaScript phổ biến (jQuery, Axios, v.v. ) có các lớp và hàm được tạo sẵn hoạt động trên một trong các phương thức này. Trong ví dụ về Yêu cầu GET JavaScript này, chúng tôi gửi một yêu cầu GET tới URL tiếng vang ReqBin bằng phương thức tìm nạp(). Dưới đây là các ví dụ khác về Yêu cầu JavaScript GET với các mô tả chi tiết. Nhấn Execute để chạy JavaScript GET Request Ví dụ trực tuyến và xem kết quả

JavaScript là gì?

JavaScript là ngôn ngữ kịch bản chạy trong trình duyệt và phía máy chủ (Node. js), làm cho nó trở thành ngôn ngữ lập trình linh hoạt trên các thiết bị và nền tảng. JavaScript biến các trang web HTML và CSS tĩnh thành các trang tương tác bằng cách tự động cập nhật nội dung, xác thực dữ liệu biểu mẫu, quản lý phương tiện và phát video

XMLHttpRequest là gì?

XMLHttpRequest là một đối tượng được tích hợp trong trình duyệt cho phép bạn thực hiện các yêu cầu HTTP đến máy chủ mà không cần tải lại trang. XMLHttpRequest chủ yếu được sử dụng trong lập trình Ajax. XMLHttpRequest có thể gửi và truy xuất bất kỳ loại dữ liệu nào bao gồm JSON, XML, văn bản, v.v. XMLHTTPRequest được sử dụng cho giao tiếp không đồng bộ giữa máy khách và máy chủ. XMLHttpRequest được sử dụng chủ yếu vì các lý do lịch sử, vì có rất nhiều mã kế thừa dựa trên XMLHttpRequest, cũng như nhu cầu hỗ trợ các trình duyệt cũ hơn

• Có rất nhiều mã kế thừa XMLHttpRequest cần được hỗ trợ
• Nhu cầu hỗ trợ các trình duyệt cũ hơn mà không cần sử dụng polyfill
• Phương thức tìm nạp chưa thể cung cấp theo dõi tiến trình gửi đến máy chủ

Làm cách nào để gửi yêu cầu GET bằng XMLHttpRequest?

Để gửi một yêu cầu HTTP GET bằng cách sử dụng XMLHttpRequest, trước tiên chúng ta cần tạo một đối tượng bằng cách gọi new XMLHttpRequest() và sau đó sử dụng các phương thức XMLHttpRequest open() và send(). Onreadystatechange thông báo khi trạng thái của yêu cầu đã thay đổi. Dưới đây là một ví dụ về việc nhận JSON từ ReqBin echo URL với đối tượng XMLHttpRequest

JavaScript GET yêu cầu với XMLHttpRequest Ví dụ

let xhr = new XMLHttpRequest();
xhr.open("GET", "https://reqbin.com/echo/get/json");

xhr.onreadystatechange = function () {
   if (xhr.readyState === 4) {
      console.log(xhr.responseText);
   }};

xhr.send();

Làm cách nào để gửi yêu cầu GET bằng API tìm nạp?

API tìm nạp là một API web mới mạnh mẽ cho phép bạn thực hiện các yêu cầu không đồng bộ. Fetch API cung cấp một bộ tính năng linh hoạt và hiệu quả hơn so với đối tượng XMLHttpRequest. Tìm nạp trả về một "lời hứa", đây là một trong những tính năng mới của ES6. Lời hứa cho phép bạn xử lý yêu cầu không đồng bộ thông minh hơn. Dưới đây là một ví dụ về cách thực hiện GET một yêu cầu tới ReqBin echo URL với Fetch API

Yêu cầu JavaScript GET với Fetch API Ví dụ

fetch('https://reqbin.com/echo/get/json')
   .then(response => response.text())
   .then(text => console.log(text))

Làm cách nào để gửi yêu cầu GET bằng jQuery Ajax?

Nếu bạn đang sử dụng jQuery trong dự án của mình, bạn nên sử dụng các phương thức jQuery Ajax thay vì đối tượng XMLHttpRequest thô. Jquery $. phương thức get() cho phép bạn nhận từ máy chủ trong một dòng. Đây là một trình bao bọc đơn giản cho $ cao cấp hơn. phương pháp ajax. Dưới đây là một ví dụ về việc nhận JSON từ URL tiếng vang ReqBin bằng phương thức jQuery Ajax

Yêu cầu JavaScript GET với jQuery Ajax Ví dụ

$.ajax({
  type: "GET",
  url: "https://reqbin.com/echo/get/json",
  success: function (result) {
    console.log(result);
  },
});

Làm cách nào để gửi yêu cầu GET bằng Axios?

Axios là một thư viện mã nguồn mở phổ biến để thực hiện các yêu cầu HTTP trong JavaScript. Axios hoạt động với đối tượng XMLHttpRequest tích hợp sẵn, cung cấp một bộ chức năng linh hoạt và thuận tiện cho các tác vụ phổ biến như chặn các yêu cầu HTTP và gửi các yêu cầu đồng thời. Giống như Fetch API, nó hỗ trợ các lời hứa xử lý các yêu cầu không đồng bộ. Axios sử dụng các axios. phương thức get() để gửi yêu cầu GET. Axios tự động phân tích cú pháp dữ liệu nhận được và bắt các lỗi HTTP trong phương thức bắt của nó, loại bỏ nhu cầu kiểm tra mã trạng thái đặc biệt trước khi xử lý phản hồi

Yêu cầu JavaScript GET với Axios Ví dụ

axios.get("https://reqbin.com/echo/get/json");
  .then(response => {
    data = response.text;
    console.log(data);
  })
  .catch(error => {
      console.log(error.message);
  })

Cách gửi yêu cầu GET trong Node. js?

Nút. js cung cấp nhiều phương thức để thực hiện các yêu cầu HTTP. Nhiều thư viện nguồn mở phổ biến có sẵn để thực hiện bất kỳ yêu cầu HTTP nào. Ví dụ sau đang gửi một yêu cầu GET tới Node. js bằng thư viện "request". Thư viện yêu cầu là một ứng dụng khách HTTP nhẹ có thể so sánh với Thư viện yêu cầu Python

Yêu cầu HTTP GET với nút. js

let request = require('request');

request.get(
    'https://reqbin.com/echo/get/json',
    function (error, response, body) {
        if (!error && response.statusCode == 200) {
            console.log(body);
        }
    }
);

Xem thêm

• Làm cách nào để gửi yêu cầu POST bằng JavaScript?

Làm cách nào để gọi một URL trong mã JavaScript?

Làm cách nào để truy cập URL trong JavaScript?

Làm cách nào để gọi một trang web trong JavaScript?

Làm cách nào để nhấn một URL trong JavaScript và nhận được phản hồi?