Ajax là một kỹ thuật được sử dụng rộng rãi trong lập trình web để gửi và nhận dữ liệu từ máy chủ mà không cần tải lại trang web. Khi sử dụng Ajax, bạn có thể truy xuất dữ liệu từ một URL cụ thể mà không cần làm mới toàn bộ trang.

Để lấy dữ liệu từ một URL bằng Ajax, thông thường chúng ta sử dụng phương thức GET. Quá trình này bắt đầu bằng việc tạo một yêu cầu HTTP đến URL mong muốn, sau đó chờ đợi phản hồi từ máy chủ.

Khi Ajax nhận được phản hồi từ máy chủ, nó sẽ sử dụng mã JavaScript để xử lý dữ liệu được trả về. Thông thường, dữ liệu được trả về từ máy chủ là dạng văn bản hoặc JSON. Sau khi nhận được dữ liệu, bạn có thể hiển thị nó trên trang web hoặc thực hiện các xử lý khác tuỳ thuộc vào yêu cầu của ứng dụng.

Việc sử dụng Ajax để lấy dữ liệu từ URL giúp cải thiện trải nghiệm người dùng bằng cách giảm thời gian tải trang và cho phép cập nhật nội dung mà không làm mất dữ liệu đã nhập trước đó. Ngoài ra, việc sử dụng Ajax cũng giúp tăng tính tương tác và linh hoạt cho ứng dụng web.

Dưới đây là đoạn code demo sử dụng ajax trong jquery

<script>
    $(document).ready(function () {
        
        $('.search').click(function () {
            $.ajax({
                url: "https://api.xxx.com/api/xxx/get/1",
                headers: {
                    'token': '123456',
                },
            }).done(function (data) {
                $('#q').val(data.data['name']);
                console.log(data.data['name']);
            }).fail(function (error) {
                console.log('loi '.error.toString())
            })
        });
    })

</script>