Hiểu rõ về kỹ thuật ajax

Phương thức post với $.post đối với kỹ thuật ajax

$.post có tác dụng lấy dữ liệu từ server bằng phương thức HTTP POST REQUEST, vì thế chúng ta có thể sử dụng cách này hoặc cách trên để viết Ajax.

Với cách này thì sẽ có các tham số truyền vào như sau:

jQuery.post( url [, data ] [, success ] [, dataType ] ) Trong đó:

url: đường dẫn đến file cần lấy thông tin data: là một đối tượng object gồm các key : value sẽ gửi lên server success: là function sẽ xử lý khi thực hiện thành công dataType: là dạng dữ liệu trả về. (text, json, script, xml) Ví dụ: Bạn thay đổi hàm load_ajax() trong file index.php với nội dung như sau:

function load_ajax()
{
    $.post(
            'result.php', // URL 
            {number : $('#number').val()},  // Data
            function(result){ // Success
                $('#result').html(result);
            }, 
            'text' // dataTyppe
    );
}

Qua ví dụ rất là rõ ràng rồi phải không nào, bây giờ bạn chạy lên xem kết quả có giống ví dụ trên không nhé.

Nếu bạn vẫn chưa hiểu thì tôi sẽ đưa ra thêm một ví dụ nữa, tôi sẽ tách từng tham số trong hàm đó ra rồi ráp vào. Nội dung như sau:

function load_ajax()
{
    // URL
    var url = "result.php";
 
    // Data
    var data = {
        number : $('#number').val()
    };
 
    // Success Function
    var success = function (result){
        $('#result').html(result);
    };
 
    // Result Type
    var dataType = 'text';
 
    // Send Ajax
    $.post(url, data, success, dataType);
}

Đến đây là quá rõ ràng rồi nhỉ . Hy vọng các bạn hiểu bài.

Lời kết: Trọng tâm của bài này nhấn mạnh cách sử dụng phương thức POST trong jQuery Ajax nên hy vọng qua ví dụ trên bạn hiểu được bài.