Ở bài trước Ajax get data from url chúng ta sử dụng Jquery để get còn ở bài này chúng ta sử dụng javascript thuần để lấy dữ liệu bằng phương thức fetch() được sử dụng để gửi yêu cầu HTTP và nhận lại các phản hồi từ máy chủ. Nó cung cấp một cách đơn giản và linh hoạt để tương tác với API và truy xuất dữ liệu từ máy chủ.

Để sử dụng fetch(), bạn cần chỉ định URL của API hoặc tài nguyên mà bạn muốn gửi yêu cầu tới. Ví dụ, để lấy dữ liệu từ một tệp JSON, bạn có thể viết mã sau:

<script>
........
async function getvalue2(key){
        var myHeader = new Headers();
        myHeader.append('token','123456');
        var requestOptions = {
            method: 'GET',
            headers: myHeader,
            redirect: 'follow'
        };

        let a =await fetch('https://api.xxx.com/api/xxx/get/1',requestOptions).then( response =>{
            response.json().then(data =>{
                let returndata = data.data;
               console.log(returndata);
               let formsearch = document.getElementById('q');
               formsearch.value= returndata['name'];
               console.log(returndata['name']);
            });
        });
       
    }
..........
</script>

Trong phần html 

<button type="button" name="submit" class="search" onclick="getvalue2()">Gui</button>