Share Một ví dụ đơn giản về sử dụng ajax với jQuery

filiallion · 03/29/2018

Ajax là viết tắt của "Asynchronous JavaScript and XML", đây là một kỹ thuật phát triển web có tính tương tác cao với sự kết hợp của nhiều thành phần như JavaScript, XML, HTML... Đối với công nghệ web hiện nay thì ajax không thể thiếu, nó là một phần làm nên sự sinh động cho website. Ajax được viết bằng ngôn ngữ JavaScript nên nó chạy trên máy khách (Client), tức là mỗi máy sẽ chạy độc lập không hoàn toàn ảnh hưởng lẫn nhau. Hiện nay, có nhiều thư viện JavaScript như jQuery hay Angular đều hỗ trợ kỹ thuật này nhằm giúp chúng ta thao tác dễ dàng hơn. Ở bài viết này tôi sẽ dùng ajax với thư viện jQuery để hướng dẫn các bạn thực hiện một ví dụ đơn giản giúp các bạn có thể hiểu được cơ bản về ajax.

Ví dụ này tôi sẽ dùng ajax để lấy dữ liệu từ tập tin data.json, khi phát triển các dự án thực tế thì các bạn thay data.json bằng đường dẫn tới trang các bạn cần lấy dữ liệu. Các bạn tham khảo nội dung mã lệnh sau:

JavaScript:

$(function() {
    $.ajax({
        url: 'path/to/data.json',
        type: 'post',
        dataType: 'json',
        success: function(response) {
            console.log(response);
        }
    });
});

Trên đây chỉ là một ví dụ đơn giản, các bạn có thể tìm hiểu thêm về jQuery ajax tại địa chỉ http://api.jquery.com/jquery.ajax.

Share Một ví dụ đơn giản về sử dụng ajax với jQuery

filiallion

Administrator