Vấn đề chính khi sử dụng jquery ajax với CORS là yêu cầu Ajax sẽ được thực hiện từ cùng một miền với trang mà lệnh gọi jquery ajax được thực hiện. Điều này có nghĩa là nếu trang đặt lệnh gọi jquery ajax có chính sách CORS riêng, thì yêu cầu Ajax sẽ không được phép vượt qua ranh giới miền.
$.ajax({ url: 'http://example.com/api/v1/users', type: 'GET', dataType: 'json', xhrFields: { withCredentials: true }, headers: { 'Authorization':'Basic YWRtaW46YWRtaW4=' }, success: function(response) { console.log(response); } });
Mã này sử dụng hàm ajax của jQuery để thực hiện yêu cầu GET tới url 'http://example.com/api/v1/users'. Kiểu dữ liệu được đặt thành json, yêu cầu jQuery phân tích phản hồi dưới dạng json. Các tùy chọn tiêu đề và xhrFields được sử dụng để đặt cờ withCredentials trên đối tượng XMLHttpRequest và đặt tiêu đề Ủy quyền tương ứng. Cuối cùng, hàm thành công được gọi nếu yêu cầu thành công và nó in phản hồi ra bàn điều khiển.
← liên kết
Chuyển hướng là một loại liên kết đặc biệt yêu cầu trình duyệt đưa người dùng đến một trang hoặc vị trí khác. Có thể tạo chuyển hướng bằng hàm $.redirect().
Để tạo một chuyển hướng đơn giản, hãy sử dụng đoạn mã sau:
$(document).ready(function() { $.redirect(“http://www.example.com/”); });
Mã này sẽ tạo chuyển hướng đến http://www.example.com/. Bạn cũng có thể sử dụng hàm $.redirect() để tạo các chuyển hướng tạm thời hoặc vĩnh viễn. Để tạo chuyển hướng tạm thời, hãy sử dụng đoạn mã sau:
$(document).ready(function() { $.redirect(“http://www.example2.com/”, true); });
Mã này sẽ tạo một chuyển hướng tạm thời sẽ hết hạn sau 5 giây. Để tạo chuyển hướng vĩnh viễn, hãy sử dụng mã sau:
$(document).ready(function() { $.redirect(“http://www.example3.com/”, true); });
Chuyển hướng trang web
Có một số cách để chuyển hướng các trang web trong jQuery. Một cách là sử dụng hàm $.redirect(). Hàm này nhận hai đối số: URL để chuyển hướng đến và hàm gọi lại sẽ được gọi khi quá trình chuyển hướng hoàn tất. Hàm gọi lại có thể trả về false để cho biết rằng việc chuyển hướng sẽ không xảy ra hoặc nó có thể trả về một URL mới nên được sử dụng thay cho URL ban đầu.
Một cách khác để chuyển hướng các trang web trong jQuery là sử dụng hàm $.ajax(). Hàm này nhận hai đối số: url của trang bạn muốn chuyển hướng và một đối tượng tùy chọn chứa các cài đặt khác nhau về cách thực hiện yêu cầu. Đối tượng tùy chọn bao gồm một thuộc tính loại, thuộc tính này có thể được đặt thành “GET” hoặc “POST”. Nếu loại được đặt thành “GET”, thì yêu cầu sẽ được thực hiện bằng tham số GET, trong khi nếu loại được đặt thành “POST”, thì yêu cầu sẽ được thực hiện bằng tham số POST.
Cả hai phương pháp này đều cho phép bạn chỉ định phần nào của trang mà bạn muốn chuyển hướng, cũng như chức năng gọi lại nào sẽ được gọi khi quá trình chuyển hướng hoàn tất.
